首页 > 代码库 > 初识Ajax

初识Ajax

 

   对浏览器的要求:

 var request;
 
  if (window.HttpRequest){
   
     request = new XMLHttpRequest();     //IE7+ , Firefox , Chrome , Opera , Safari.....
   
   } else {
    
      request = new ActiveXObject("Microsoft.XMLHTTP");    // IE6 , IE5
  
  }

 

  

异步处理 : 
     发送请求操作:
    1. 创建XMLHttpRequest 对象

    2. 使用open方法中参数 open(method,url,async)
      method:发送数据类型 :get 或 post
       URL:发送地址
       async:是否使用异步   一般设置为  true
  
  3.使用send(String) 将数据发送至服务器
     注: 使用get方法不用给参数

   
  eg:发送请求:
       request.open("GET","url",true);
       request.send();

       request.open("POST","url",true);
       request.setRequestHeader("Content-type","application/x-www-form-urlencoded");
       request.send("发送的数据");

 

 

 获取响应:

    requestText: 获取字符串形式的响应数据。

    responseXML: 获取XML形式的响应数据。

   status 和 statusText: 以数字和文本形式返回HTTP状态码。

   getAllResponseHeader():获取所有的响应报头。

   getResponseHeader() : 查询响应中的某个字段的值;  注:这个要加参数

 

   监听 readyState属性的变化:
   0代表:请求未初始化  , open还没调用
   1代表: 服务器连接已建立 , open已经调用了
   2:请求已接收,也就是接收到头信息了
   3:请求处理中,也就是接收到响应主体了
   4:请求已完成,且响应已就绪,也就是响应完成了
 
   eg:
     request.onreadystatechange = function(){
      if(request.readyState == 4  &&  request.status == 200){  // 返回的状态码
     //做一些事情
        request.responseText
   }
}

初识Ajax