ajax的XMLHttpRequest对象

来源:互联网 发布:皇族white淘宝店 编辑:程序博客网 时间:2024/05/20 21:20
 

XMLHttpRequest的方法和属性
方法:
abort():停止发送当前请求

getAllResponseHeaders():获取返回的全部响应头。

getResponseHeader("headerLabel"):根据响应头的名字,获取对应的响应头。

open("method","url"):建立与服务器url的连接,还可设置是否使用异步请求。如果远程服务器需要用户名和密码则提供用户名和密码。

send(content):发送请求

setRequestHeader("label","value"):在发送请求前,先设置请求头

属性:
onreadystatechange:用于指定XMLHttpRequest对象状态改变时的时间处理函数。

readyState:XMLHttpRequest对象的处理状态。
0:XMLHttpRequest对象还没有完成初始化
1:XMLHttpRequest对象开始发送请求
2:XMLHttpRequest对象的请求发送完成
3:XMLHttpRequest对象开始读取服务器的响应
4:XMLHttpRequest对象读取服务器响应结束

responseText:用于获取服务器的响应文本。

responseXML:用于获取服务器响应的XML文档对象。

status:服务器返回的状态码,只有当服务器响应已完成时,才会有该状态码。
200:服务器响应正常
304:该资源在上次请求之后没有任何修改,这通常用于浏览器的缓存机制,使用GET请求时尤其要注意。
400:无法找到请求的资源
401:访问资源权限不够
403:没有权限访问资源
404:需要访问的资源不存在
405:需要访问的资源被禁止
407:访问的资源需要代理身份验证
414:请求的url太长
500:服务器内部错误

statusText:服务器返回的状态文本信息,值有当服务器响应已完成时,才会有该状态文本信息。

//创建XMLHttpRequest对象并使用——注意大小写

var xmlHttp;
function createXMLHttp(){
 if(window.XMLHttpRequest){ //firefox ie8
  xmlHttp = new XMLHttpRequest();
 }
 else if(window.ActiveXObject){//ie以前的版本
  try{
   xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
  }catch(e){
   try{
    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
   }
   catch(e){
   
   }
  }
  
 }
}

function XXX(){
 createXMLHttp();
 xmlHttp.open("post","url"); //建立与服务器的连接
 xmlHttp.onreadystatechange = XXXCallBack ; //设置回调函数
 xmlHttp.send(content); //发送请求
}

function XXXCallBack(){
 if(xmlHttp.readyState == 4){//读取服务器响应结束
  if(xmlHttp.status == 200){//服务器响应正常
   ……………… // 操作
  }
 }
}

 

原创粉丝点击