1先把函数摆出来：
function loadXMLDoc() {
//步骤1. 创建XMLHttpRequest异步对象
var xmlhttp;
if (window.XMLHttpRequest) {
// IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
xmlhttp = new XMLHttpRequest();
}
else {
// IE6, IE5 浏览器执行代码
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
//步骤2. 设置回调函数
xmlhttp.onreadystatechange = function () {
//步骤5. 在回调函数中针对不同的响应状态进行处理
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
console.log(xmlhttp.responseText + "获取结束")
}
}
//步骤3. 使用open方法与服务器建立连接
xmlhttp.open("GET", "/package.json", true);
//步骤4. 向服务器发送数据
xmlhttp.send();
// post 需要传递参数
// xhr.send("name=jay&age=18")
}
2测试：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
function loadXMLDoc() {
//步骤1. 创建XMLHttpRequest异步对象
var xmlhttp;
if (window.XMLHttpRequest) {
// IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
xmlhttp = new XMLHttpRequest();
}
else {
// IE6, IE5 浏览器执行代码
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
//步骤2. 设置回调函数
xmlhttp.onreadystatechange = function () {
//步骤5. 在回调函数中针对不同的响应状态进行处理
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
console.log(xmlhttp.responseText + "获取结束")
}
}
//步骤3. 使用open方法与服务器建立连接
xmlhttp.open("GET", "/package.json", true);
//步骤4. 向服务器发送数据
xmlhttp.send();
// post 需要传递参数
// xhr.send("name=jay&age=18")
}
</script>
</head>
<body>
<button type="button" onclick="loadXMLDoc()">修改内容</button>
</body>
</html>
3结果
