<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8" /> | |
<title>第一个ajax程序</title> | |
</head> | |
<body> | |
<script type="text/javascript"> | |
//1、创建请求对象 | |
var xhr; | |
if (window.XMLHttpRequest) { | |
xhr = new XMLHttpRequest(); | |
} else if (window.ActiveXObject) { | |
var versions = ["Msxml2.XMLHTTP", "Microsoft.XMLHTTP"]; | |
for (var tempVersion of versions) { | |
xhr = new ActiveXObject(tempVersion); | |
if (xhr != undefined) { | |
break; | |
} | |
} | |
} else { | |
//主动抛出异常 | |
throw new Error("该浏览器不支持ajax!"); | |
} | |
//2、建立链接 | |
xhr.open("GET", "car.json", true); | |
//3、发送请求 | |
xhr.send(null); | |
//4、接收响应 | |
xhr.onreadystatechange = function () { | |
if (xhr.readyState == 4 && xhr.status == 200) { | |
// console.log(xhr.responseText); | |
//反序列化转换成JS字面量对象 | |
var rootObj = JSON.parse(xhr.responseText); | |
console.log(rootObj); | |
} | |
} | |
</script> | |
</body> | |
</html> | |