初识Ajax

Posted 2020-08-30

 

   对浏览器的要求：

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