JAVASCRIPT
VUE
REACT
NODE
ES6
TYPESCRIPT

Ajax过程

2017. 08. 01    

Ajax过程

1.客户端产生js的事件

2.创建XMLHttpRequest对象,也就是创建一个异步调用对象,并对XMLHttpRequest进行配置

var xmlhttp;
if(window.XMLHttpRequest){ 
//IE7+,Chrome,Firefox,Safari,Opera执行此代码 xmlhttp=new XMLHttpRequest;
}else{
   //IE5,IE6执行该代码
   xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}

AJAX中创建请求的兼容性处理: var xmlHttp = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");

3.通过AJAX引擎向服务器发送请求

xmlhttp.open(method,url,async);
xmlhttp.send();

4.服务器端接收请求并且处理请求,返回html或者xml内容

xmlhttp.open("GET","http://www.runoob.com/try/ajax/demo_get.php",false);
xmlhttp.send();
document.getElementById("mydiv").innerHTML=xmlhttp.responseText;

5.XML调用一个callback()处理响应回来的内容

6.页面局部刷新