<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ajax</title>
</head>
<body>
<!-- <form method="get" action="http://baidu.com">
<input type="text" name="#" >
<input type="password" name="#">
<input type="submit" name="#" value="click">
</form> -->
<script type="text/javascript">
//1 创建一个请求
if(window.XMLHttpRequest){ //可扩展超文本传输请求
//chrome safari forefox ie7+
var httpRequest=new XMLHttpRequest();
}else{
//IE6
var httpRequest=new ActiveXObject("Microsoft.XMLHTTP");
}
//2 连接服务器
// httpRequest.open(发送方式(get/post),url请求的地址，true异步-默认/false-同步)
httpRequest.open('GET','a.txt'，true);
httpRequest.send(null); // 向服务器发送 HTTP 请求并接收响应。
//4 接受结果
httpRequest.onreadystatechange=function(){ //状态改变时
if(httpRequest.readyState==4){ //请求结果等于4时 4表示完成
if(httpRequest.status===200){ //200表示请求成功
//请求过来的东西，放到 re...Text
console.log(httpRequest.responseText);
//document.getElementById("box").innerHTML=httpRequest.responseTexy;
}
else{
//有一个有问题的请求
// 404-页面没有找到 或 500 服务器错误
}
}
}
/*
httpRequest.readyState状态码
0 初始化 （ajax刚刚被new出来）
1 建立连接
2 请求已经发送 - 服务器收到信息了
3 正在解析 （服务器处理请求的东西）
4 完成
0 未初始化
1 正在加载
2 加载完毕
3 交互中
4 完成
*/
</script>
</body>
</html>
