Ajax基本的四个步骤

Ajax

步骤

1. 创建一个 XMLHttpRequest 类型的对象 —— 相当于打开了一个浏览器

   var xhr = new XMLHttpRequest();
   xhr.onreadystatechange = function (data) {

   console.log(xhr.readyState);
    // 通过 xhr 的 readyState 判断此次请求的响应是否接收完成
    if (this.readyState === 4) {
    // 通过 xhr 的 responseText 获取到响应的响应体
    console.log(this)
   console.log(xhr.responseText);
   }
 }

2.打开与一个网址之间的连接 —— 相当于在地址栏输入访问地址

  xhr.open('GET', 'http://localhost:3000');

3.通过连接发送一次请求 —— 相当于回车或者点击访问发送请求

   xhr.send(null);;//get post请求

4.指定 xhr 状态变化事件处理函数 —— 相当于处理网页呈现后的操作

 xhr.onreadystatechange = function (data) {

        // console.log(xhr.readyState);
    // 通过 xhr 的 readyState 判断此次请求的响应是否接收完成
         if (this.readyState === 4) {
         // 通过 xhr 的 responseText 获取到响应的响应体
         // console.log(this)
        //  console.log(xhr.responseText);
        console.log(new Date().toLocaleTimeString(),'收到服务器数据');
         }