1.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<script>

    window.onload = function(){

        var btn = document.getElementById('btn');

        btn.onclick = function(){

            var xhr = null;

            try{

                xhr = new XMLHttpRequest();

            }catch(e){

                xhr = new ActiveXObject('Microsoft.XMLHTTP');

            }

            /*

            get 方式请求数据，1：缓存，解决方法：加上时间戳

                            2: 中文，采用ecodeURI

            但在最新的浏览器中均不需要

            xhr.open('get','2_get.php?username='+encodeURI('刘伟')+'&age=20&'+new Date().getTime(),true);

            xhr.send();

            */

            /*post 方式请求数据，数据放的位置不同*/

            xhr.open('post','2_get.php',true);

            xhr.setRequestHeader('content-type','application/x-www-form-urlencoded');

            xhr.send('username=leo&age=20');

            xhr.onreadystatechange = function(){

                if(xhr.readyState == 4){

                    alert(xhr.responseText);

                }

            }

        };

    };

</script>

</head>

<body>

<input type="button" value="按钮" id="btn"/>

</body>

</html>
<?php

    header('content-type:text/html; charset="utf-8"');

    error_reporting(0);

//    $username = $_GET['username'];

//    $age = $_GET['age'];

    $username = $_POST['username'];

    $age = $_POST['age'];

    echo "欢迎，你的名字：{$username}，年龄：{$age}";




												


											
原生的ajax,get post请求需要注意的地方的更多相关文章
	

    
								
  1. 原生JS实现ajax 发送post请求
		
    1. [代码]原生JS实现ajax 发送post请求 <script> var oStr = ''; var postData = {}; var oAjax = null; //post ...
    
		
    2. 
						
  2. 使用XMLHttpRequest对象完成原生的AJAX请求
		
    1.大家眼中的Ajax 说到Ajax,只要有过前端开发经验的童鞋一定都不陌生,大都知道它就是一种与后端之间的通信技术,通过这个神奇的家伙,我们不用像传统表单那样填完信息一点提交就呼啦呼啦跳转了.Aja ...
    
		
    3. 
						
  3. 原生 JS Ajax,GET和POST 请求实例代码
		
    javascript/js的ajax的GET请求代码如下所示: <script type="text/javascript"> /* 创建 XMLHttpRequest ...
    
		
    4. 
						
  4. 原生js ajax请求
		
    什么是ajax AJAX 是一种用于创建快速动态网页的技术. 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新. 这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新, ...
    
		
    5. 
						
  5. 解决ajax跨域请求  （总结）
		
    ajax跨域请求,目前已用几种方法实现:   1)用原生js的xhr对象实现.                var url="http://freegeoip.net/json/" ...
    
		
    6. 
						
  6. ajax跨域请求のJSONP
		
    简单说了一下,JSON是一种基于文本的数据交换方式,或者叫做数据描述格式. JSON的优点: 1.基于纯文本,跨平台传递极其简单: 2.Javascript原生支持,后台语言几乎全部支持: 3.轻量级 ...
    
		
    7. 
						
  7. 第113天：Ajax跨域请求解决方法
		
    一.原生JS实现ajax 第一步获得XMLHttpRequest对象 第二步:设置状态监听函数 第三步:open一个连接,true是异步请求 第四部:send一个请求,可以发送一个对象和字符串,不需要 ...
    
		
    8. 
						
  8. 原生js ajax与jquery ajax的区别
		
    原生js ajax的调用: ajax({ type : "get", url : "02_ajax_get.txt", data : { "userN ...
    
		
    9. 
						
  9. JSONP实现Ajax跨域请求
		
    前言 由于浏览器存在同源策略的机制,所谓同源策略就是阻止从一个源(域名,包括同一个根域名下的不同二级域名)加载的文档或者脚本获取/或者设置另一个源加载的文档属性. 但比较特别的是:由于同源策略是浏览器 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. deeplearning.ai 神经网络和深度学习 week4 深层神经网络
			
    1. 计算深度神经网络的时候,尽量向量化数据,不要用for循环.唯一用for循环的地方是依次在每一层做计算. 2. 最常用的检查代码是否有错的方法是检查算法中矩阵的维度. 正向传播: 对于单个样本,第 ...
    
			
    2. 
						
  2. Java IO: 字符流的Piped和CharArray
			
    作者: Jakob Jenkov 译者: 李璟(jlee381344197@gmail.com) 本章节将简要介绍管道与字符数组相关的reader和writer,主要涉及PipedReader.Pip ...
    
			
    3. 
						
  3. 数据库连接中断-spring-springBoot
			
    问题:据库和应用在同一台机,数据库用mysql5.6.20,已经升级druid到最新的1.0.7版本,访问的是localhost的mysql,放一个晚上不访问,第二天访问就报错了,重启服务正常,错误提 ...
    
			
    4. 
						
  4. 为什么jdk1.8 HashMap的容量一定要是2的n次幂
			
    一.jdk1.8中,对“HashMap的容量一定要是2的n次幂”做了严格控制 1.默认初始容量: [Java] 纯文本查看 复制代码 ? 1 2 3 4 /**  * The default init ...
    
			
    5. 
						
  5. JAVA线程笔记。
			
    继承thread类 并覆写thread类中的run()方法. class 类名称 extents Thread{public void run(){}}实现Runble接口的run方法 线程的star ...
    
			
    6. 
						
  6. 关于js中的比较时遇到的坑
			
    关于JavaScript中比较遇到的坑 当你的要比较数字的大小但是你的数字确是字符串时,就会出错比如说: console.log('5' > '6') // fasle consloe.log( ...
    
			
    7. 
						
  7. C++中的大数乘的实现
			
    代码 来源:面试常考 大数加减乘除 #include <iostream> #include <vector> #include <string> using na ...
    
			
    8. 
						
  8. mode|平均数|方差|标准差|变异系数|四分位数|几何平均数|异众比率|偏态|峰态
			
    应用统计学 数据的概括性度量 集中趋势 Mode众数是唯一描述无序类别数据,由图可知众数便是图形中的峰. 对于类别变量,众数就是某一种类别. 中位数和平均数都可能不是样本中的值. 中位数不受极值影响, ...
    
			
    9. 
						
  9. python django 模板语言循环字典
			
    urls.py from django.conf.urls import url from django.contrib import admin from cmdb import views url ...
    
			
    10. 
						
  10. js事件节流
			
    背景:在监听浏览器滚动条的scroll事件时该事件会触发很多次,这样当快速滚动时会有很差的性能,所以要限制事件触发的频率,可以防抖和节流,这里我记录简单的节流方法 <!DOCTYPE html& ...
    
			
    11.