AjAx的简单写法

Ajax

异步的js和xml，用于发送http请求（支持异步请求）

在局部刷新的时候可以保持浏览器不刷新（不会产生历史记录）

原理

前端：（携带数据请求cookie）内置请求对象，完成请求后一直处于监听的状态，后端返回响应的数据（响应必须携带数据）

XMLHttpRequest(有兼容问题)，ajax的核心对象，负责请求的对象

封装的方法
function createxhr () {
if(window.XMLHttpRequest) {
	return new XMLHttpRequest()
}
	return new ActiveXObject("Microsoft.XMLHTTP")
}

1.

let xhr = new XMLHttpRequest()

2.

xhr.open()

get  // 传递的数据拼接在url后面 

post  // 通过send()传递的数据

3

xhr.send()

4.

xhr.onreadystatechange = function () {
if(xhr.readyState == 4 && /^20\d$/.test(xhr.status)) {
		//接收数据
}
}