AJAX应用的五个步骤

1.建立xmlHttpRequest对象

if(window.XMLHttpRequest) {

xmlHttp = new XMLHttpRequest();

if(xmlHttp.overrideMimeType) {

xmlHttp.overrideMimeType(“text/xml”);

}

} else if(window.ActiveXobject) {

var activeName = [“MSXML2.XMLHTTP”, “Microsoft.XMLHTTP”];

for(var i = 0; i < activeName.length; i++) {

try {

xmlHttp = new ActiveXobject(activeName[i]);

break;

} catch(e) {}

}

if(!xmlHttp) {

alert(“创建xmlhttprequest对象失败”);

} else {}

2.设置回调函数

xmlHttp.onreadystatechange= callback;

function callback(){}

3.使用OPEN方法与服务器建立连接 xmlHttp.open(“get”,“ajax?name=”+ name,true)

此步注意设置http的请求方式（post/get）,如果是POST方式，注意设置请求头信息xmlHttp.setRequestHeader(“Content-Type”,“application/x-www-form-urlencoded”)

4.向服务器端发送数据

xmlHttp.send(null);

如果是POST方式就不为空

5.在回调函数中针对不同的响应状态进行处理

if(xmlHttp.readyState == 4){ //判断交互是否成功

  if(xmlHttp.status == 200){         //获取服务器返回的数据         //获取纯文本数据

    var responseText =xmlHttp.responseText;

   document.getElementById("info").innerHTML = responseText;

  }

}

0人点赞
日记本

作者：司小璇
链接：https://www.jianshu.com/p/cad4da599834
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

来源：CSDN

作者：weixin_45490208

链接：https://blog.csdn.net/weixin_45490208/article/details/103712117

标签

ajax

xmlhttp