首页 > 代码库 > AJAX原生JavaScript写法

AJAX原生JavaScript写法

GET方式

 1                 //创建XMLHttpRequest对象,为考虑兼容性问题,老版本的 Internet Explorer (IE5 和 IE6)使用 ActiveX 对象 2                 var ajax = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP"); 3      4                 //设定请求的类型,服务器URL,以及是否异步处理 5                 ajax.open("get","test.ashx?name=jcx&id="+new Date(),true); 6                  7                 ajax.onreadystatechange=function() 8                 { 9                     //4:请求已完成,且响应已就绪    10                     if(ajax.readyState==4)11                     {12                         //200:成功13                         if(ajax.status==200)14                         {15                             //处理结果16                             alert(ajax.responseText);17                         }else18                         {19                         alert("AJAX服务器返回错误!");20                         }21                     }22                 23                 }24 25                 //将请求发送到服务器26                 ajax.send();

 


 

POST方式

 1    var ajax=window.XMLHttpRequest?new XMLHttpRequest():new ActiveXObject("Microsoft.XMLHTTP"); 2  3             ajax.open("post", "test.ashx", true); 4  5             ajax.onreadystatechange = function () { 6                 if  (ajax.readyState==4) 7                 { 8                     if (ajax.status==200) { 9                         alert(ajax.responseText);10                     }11                 }12             }13 14             ajax.setRequestHeader("Content-type", "application/x-www-form-urlencoded");15             ajax.send("name=jcx&id=23");

 

 

 

 

 

 

 

 


       //创建XMLHttpRequest对象,为考虑兼容性问题,老版本的 Internet Explorer (IE5 和 IE6)使用 ActiveX 对象
       var ajax = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");
   
    //设定请求的类型,服务器URL,以及是否异步处理
    ajax.open("get","test.ashx?name=jcx&id="+new Date(),true);
    
    ajax.onreadystatechange=function()
    {
     //4:请求已完成,且响应已就绪 
     if(ajax.readyState==4)
     {
      //200:成功
      if(ajax.status==200)
      {
       //处理结果
       alert(ajax.responseText);
      }else
      {
      alert("AJAX服务器返回错误!");
      }
     }
    
    }

       //将请求发送到服务器
    ajax.send();

AJAX原生JavaScript写法