<!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>