ajax实现原理

jax的使用及实现步骤
  (1) 创建XMLHttpRequest对象,也就是创建一个异步调用对象. 
  (2) 创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息. 
  (3)设置响应HTTP请求状态变化的函数. 
  (4)发送HTTP请求. 
  (5)获取异步调用返回的数据. 
  (6)使用JavaScript和DOM实现局部刷新.

以下步骤，如果不能理解你死记硬背都要记下来，总比你答不出来要好吧！

  1.创建Ajax核心对象XMLHttpRequest

var xmlHttp;
if(window.XMLHttpRequest){  //针对除IE6以外的浏览器
    xmlHttp=new XMLHttpRequest(); //实例化一个XMLHttpRequest
}else{
   xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");   //针对IE5,IE6
}
1
2
3
4
5
6
  2.向服务器发送请求

xmlhttp.open(method,url,async);
xmlhttp.send();
1
2
示例如下：

var xmlHttp = new XMLHttpRequest();
   xmlHttp.open('get','demo_get.html','true');//调用open()方法并采用异步方式
   xmlHttp.send(); //使用open()方法将请求发送出去
   xmlHttp.onreadystatechange()=>{
        if(xmlHttp.readyState === 4 && xmlHttp.status === 200){

        }
}
1
2
3
4
5
6
7
8
  onreadystatechange事件可指定一个事件处理函数来处理XMLHttpRequest对象的执行结果。
--------------------- 
作者：懿左左 
来源：CSDN 
原文：https://blog.csdn.net/weixin_39194176/article/details/80933777 
版权声明：本文为博主原创文章，转载请附上博文链接！