// 1.创建一个XHR对象
var xmlhttp;
xmlhttp = CreateXHR();
function CreateXHR() {
if (window.XMLHttpRequest) {
return new XMLHttpRequest();
} else {
return new ActiveXObject("Microsoft.XMLHTTP");
}
};
// 2.打开一个ajax请求
xmlhttp.open("GET", "test.json", true);
// 3.发送请求
xmlhttp.send();
// 4.监测状态
xmlhttp.onreadystatechange = function() {
// readyState 等于 4 且状态为 200 时,表示响应已就绪:
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
// 返回得到json字符串
var jsonstr = xmlhttp.responseText;
// 对json字符串进行处理
var obj = JSON.parse(jsonstr)
}
};
//下面是 XMLHttpRequest 对象的三个重要的属性:
//1.onreadystatechange
//2.readyState
//3.status
//每当 readyState 改变时,就会触发 onreadystatechange 事件。
//readyState 属性存有 XMLHttpRequest 的状态信息。
// 0: 请求未初始化
// 1: 服务器连接已建立
// 2: 请求已接收
// 3: 请求处理中
// 4: 请求已完成,且响应已就绪
// status
// 200: "OK"
// 404: 未找到页面
// 当 readyState 等于 4 且状态为 200 时,表示响应已就绪: