ajax的实现
var getXmlHttpRequest = function () {
if (window.XMLHttpRequest) {
//主流浏览器提供了XMLHttpRequest对象
return new XMLHttpRequest();
}
else if (window.ActiveXObject) {
//低版本的IE浏览器没有提供XMLHttpRequest对象
//所以必须使用IE浏览器的特定实现ActiveXObject
return new ActiveXObject("Microsoft.XMLHTTP");
}
};
var xhr = getXmlHttpRequest();
xhr.onreadystatechange = function () {
if (xhr.readyState === 4 && xhr.status === 200) {
//获取成功后执行操作
//数据在xhr.responseText
}
};
xhr.open("TYPE", "URL", true); //get/post url boolean表示是否使用异步
xhr.send(""); // get-> send(null) post-> send(data)
readyState的五种状态
- 请求尚未初始化, 已经创建了一个XMLHttpRequest对象
- 服务器链接已经建立, 已经调用了XMLHttpRequest对象的open方法，并且XMLHttpRequest对象已经准备好将一个请求发送到服务器端
- 请求已经发送, 已经通过send方法把一个请求发送到服务器端，但是还没有收到一个响应
- 请求处理中, 已经接收到HTTP响应头部信息，但是消息体部分还没有完全接收到
- 请求完成, 且响应已经就绪
status状态吗
status是XMLHttpRequest对象的一个属性，表示响应的HTTP状态码。
在HTTP1.1协议下，HTTP状态码总共可分为5大类，如下表所示：
1XX 服务器收到请求，需要继续处理。例如101状态码，表示服务器将通知客户端使用更高版本的HTTP协议。
2XX 请求成功。例如200状态码，表示请求所希望的响应头或数据体将随此响应返回。
3XX 重定向。例如302状态码，表示临时重定向，请求将包含一个新的URL地址，客户端将对新的地址进行GET请求。
4XX 客户端错误。例如404状态码，表示客户端请求的资源不存在。
5XX 服务器错误。例如500状态码，表示服务器遇到了一个未曾预料的情况，导致了它无法完成响应，一般来说，这个问题会在程序代码出错时出现。
