ajax状态码0-4代表什么 Ajax的步骤

Ajax的基本步骤分五部:

  1. 基于dom事件创建XHR对象(HMLHttpRequest)
  2. 注册XHR对象状态监听,通过回调函数(callback)处理状态信息
  3. 创建与服务端的连接
  4. 发送异步请求实现与服务端的通讯
  5. 通过回调(callback)函数,获得响应结果并进行数据更新
//1.创建异步请求对象
var xhr = new XMLHttpRequest();
//2设置状态监听函数
 xhr.onreadystatechange = function() {
     if (xhr.readyState==4 &&xhr.status == 200) {
         console.log(xhr.responseText);
         document.getElementById("result").innerHTML=xhr.responseText;
      }
  }
//3.建立连接        
 xhr.open("GET","http://localhost:8080/ajax/getAjax",true);
//4.发送请求
 xhr.send(null);

针对其步骤,xhr对象有五种readyState(0,1,2,3,4):

  • 0:为初始化,尚未调用open()方法
  • 1:启动,此时已经调用了open()方法,但是还没有调用send()方法
  • 2:发送,此时调用了send()方法,但是还没有接收到来自服务器的响应
  • 3:接收:已经接收到部分响应
  • 4:完成:已经接收到全部响应数据,而且可以在客户端响应

最后补一个JS的语法格式:

(function(){})()   代表匿名函数立即执行

樊鑫❤

原文地址:https://www.cnblogs.com/asaltydog/p/13539711.html