AJAX心得

持续补充...

AJAX的核心是异步对象XMLHttpRequest对象，一个具有程序接口的JavaScript对象，能够使用超文本传输协议（HTTP）链接一个服务器。

这是一段标准的AJAX执行代码：

 <script type="text/javascript">
 function loadXMLDoc()
 {
 var xmlhttp;
 if (window.XMLHttpRequest)//用兼容性的方法获取xmlhttprRequest对象
   {// IE7+、Firefox、Chrome、Opera、Safari支持的方法
   xmlhttp=new XMLHttpRequest();
   }
 else
   {// 兼容IE6, IE5
   xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
   }
 xmlhttp.onreadystatechange=function()
   {
   if (xmlhttp.readyState==4 && xmlhttp.status==200)
     {
     alert(1);
     }
   }
 xmlhttp.open("GET","test/myajax.php",true);
 xmlhttp.send();
 }
 </script>

整个过程分为:

1. 创建对象var xmlhttp = new XMLHtttpRequest()
2. 设置请求的参数，url等数据   xmlhttp.open('请求的方法','请求的url','异步还是同步');
3. 发送请求  xmlhttp.send();
4. 注册事件  

    xmlhttp.onreadystatechange = function() {
       if (xmlhttp.readyState==4 && xmlhttp.status==200) {
         alert(1);
       }
    }

   onreadstatechange事件是状态改变时调用,有两个属性:

• • readyState属性是储存XMLHttpRequest的状态
    • 0: 请求未初始化
    • 1: 服务器连接已建立
    • 2: 请求已接收
    • 3: 请求处理中
    • 4: 请求已完成，且响应已就绪
  • status属性:200表示执行完毕  404表示未找到  具体查阅http协议

　　get方式获取,直接在open()的路径后拼接   post方式在open()和send()之间加入

xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");