ajax前端请求数据

吧ajax函数比喻成订外卖的过程
1、手机。
2、美团外卖,饿了吗
3、打开APP 选择 商家 商品 张亮麻辣烫
4、下单(不要麻辣,不要汤)
5、监听商家信息
6、开门 验货 吃
ajax
1、浏览器
2、ajax对象
3、ajax.open(method,url,true);初始化(请求方式,请求地址,同步还是异步)
4、ajax.send()请求发送到服务器。
5、onreadystatechage()是4的话说明请求成功
6、判断staus == 200成功,403,503。

<!-- 吧ajax函数比喻成订外卖的过程
1、手机。
2、美团外卖,饿了吗
3、打开APP 选择 商家 商品 张亮麻辣烫
4、下单(不要麻辣,不要汤)
5、监听商家信息
6、开门 验货 吃
ajax
1、浏览器
2、ajax对象
3、ajax.open(method,url,true);初始化(请求方式,请求地址,同步还是异步)
4、ajax.send()请求发送到服务器。
5、onreadystatechage()是4的话说明请求成功
6、判断status == 200成功,403,503。 -->

1浏览器
var xhr = null;
2、ajax对象

if(window.XMLHttpRequest){
     xhr = new XMLHttpRequest();
  }else{
xhr = new ActiveXObject("Microsoft.XMLHttp");  //兼容ie
}

xhr.open('GET','index.php',true)     //初始化(请求方式,请求地址,同步还是异步)
xhr.send();                          //请求发送到服务器。
xhr.onreadystatechange = function () {
    if (xhr.readyState == 4) {       //是4的话说明请求成功
       if(xhr.status == 200){
        console.log(xhr.responseText)
      }
    }
  }

</body>
</html>

我来吐槽

*

*