Ajax的基本步骤分五部:
- 基于dom事件创建XHR对象(HMLHttpRequest)
- 注册XHR对象状态监听,通过回调函数(callback)处理状态信息
- 创建与服务端的连接
- 发送异步请求实现与服务端的通讯
- 通过回调(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(){})() 代表匿名函数立即执行
樊鑫❤