本文共 1147 字，大约阅读时间需要 3 分钟。

ajax创建对象的四个步骤

get 方法

1. 创建ajax对象

var xhr = null;  //IE8以下不支持try{
    	xhr = new XMLHttpRequest(); // IE8以上用这个}catch(error){
   	xhr = new ActiveXObject("Microsoft.XMLHTTP");  //IE8以下用这个,处理兼容问题}

2. 绑定状态改变事件(响应数据)

xhr.onreadystatechange=function(){
   	// console.log(xhr.readyState) 	if(xhr.readyState == 4){
   		if(xhr.status == 200){
   			//状态码 200代表请求成功。一般用于GET与POST请求			//404代表没有找到页面			console.log(xhr.response);		}	}}

3. 初始化

xhr.open('get','1.php?name="zhangsan"&age=18');

4. 发送请求

xhr.send();

post 方法

1. 创建ajax对象

var xhr = null;  //IE8以下不支持try{
    	xhr = new XMLHttpRequest(); // IE8以上用这个}catch(error){
   	xhr = new ActiveXObject("Microsoft.XMLHTTP");  //IE8以下用这个,处理兼容问题}

2. 绑定状态改变事件(响应数据)

xhr.onreadystatechange=function(){
   	// console.log(xhr.readyState) 	if(xhr.readyState == 4){
   		if(xhr.status == 200){
   			//状态码 200代表请求成功。一般用于GET与POST请求			//404代表没有找到页面			console.log(xhr.response);		}	}}

3. 初始化

xhr.open('post','1.php');//注意如果使用post方法需要设置请求头信息xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");//参数一  get 还是 post//参数二   url //参数三  false同步  还是  true异步  默认是true

4. 发送请求

xhr.send('name="zhangsan"&age=18');

转载地址：https://blog.csdn.net/ZZZ___jh/article/details/109433512 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！