手写AJAX

---

一、AJAX

var request = new XMLHttpRequest()
request.onreadystatechange = function () {
	if (this.readyState !== 4) return;
	if (this.status === 200) {
		console.log('log',request.responseText);
	} else {
    console.error(this.statusText);
  }
}
// 设置请求失败时的监听函数
request.onerror = function() {
  console.error(this.statusText);
};
request.open('GET', 'http://xxxx/mock/164/xxx/dangdang',true)
// 设置请求头信息
request.responseType = "json";
request.setRequestHeader("Accept", "application/json");
request.send()

readyState状态说明

• 0（未初始化）此阶段确认XMLHttpRequest对象是否创建，并为调用open()方法进行未初始化做好准备。值为0时表示对象已经存在，否则浏览器会报错–对象不存在。
• 1（载入）对XMLHttpRequest对象进行初始化，调用open()方法，根据参数。(method,url,true)完成对象状态的设置，并调用send()方法开始向服务端发送请求。
• 2（载入完成）接收服务端的响应数据。但获取的还是服务端的原始数据，并不能直接在客户端用。
• 3（解析）解析接收到的服务端的响应数据。
• 4（完成）解析完成，可以使用。