JS - AJAX原理

创建对象 > 请求 >  响应

 

GET 还是 POST？
          与 POST 相比，GET 更简单也更快，并且在大部分情况下都能用。

 然而，在以下情况中，请使用 POST 请求：

无法使用缓存文件（更新服务器上的文件或数据库）

向服务器发送大量数据（POST 没有数据量限制）

发送包含未知字符的用户输入

var AjaxFlux = function AjaxFlux(url)
{
     var xmlhttp;
     var requesttxt;

     // 为了应对所有的现代浏览器，包括 IE5 和 IE6，请检查浏览器是否支持 XMLHttpRequest 对象。
     //如果支持，则创建 XMLHttpRequest 对象。如果不支持，则创建 ActiveXObject ：
     if (window.XMLHttpRequest)
     {
          // 所有现代浏览器（IE7+、Firefox、Chrome、Safari 以及 Opera）均内建 XMLHttpRequest 对象。 
          xmlhttp=new XMLHttpRequest();
     }
     else
     {
          //老版本的 Internet Explorer （IE5 和 IE6）使用 ActiveX 对象：
          xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
     }


     this.postResult = function(d){
         
          if(!xmlhttp){
               return;
          }
         
          //准备向服务器的GetDate.ashx发出Post请求。
          xmlhttp.open("POST" , url , false);
          xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
          xmlhttp.send(d); 
         
         //响应
         //存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。 readyState
     0: 请求未初始化
               1: 服务器连接已建立
               2: 请求已接收
               3: 请求处理中
               4: 请求已完成，且响应已就绪
         //status 
               200: "OK"
               404: 未找到页面
          xmlhttp.onreadystatechange=function(){
               if(xmlhttp.readyState==4){
                    if(xmlhttp.status==200){
                         requesttxt=xmlhttp.responseText;
                        
                    }
               }
          }
     }
     return requesttxt;

}