首页 > 代码库 > ajax 事件使用

ajax 事件使用

 

 

error: function (XMLHttpRequest, textStatus, errorThrown) {
alert(XMLHttpRequest.status);
alert(XMLHttpRequest.readyState);
alert(textStatus);
},

 

 

扩展阅读:

通过XMLHttpRequest对象向服务器发送请求。
onreadystatechange事件处理函数,它处理来自服务器的触发,而不是处理由用户引起的触发。每当readystatechange事件触发它就执行,而readystatechange事件都是由服务器触发的。每当readyState属性改变,那么onreadystatechange就被触发
var request = getHTTPObject();
if (request) {
  request.onreadystatechange = doSomething;
}

这里注意:doSomething不要括号。表明是函数,加上括号表明是函数执行的结果。doSomethiing是自己编写的函数。


readyState
他包括四个状态:
0 为初始化——open函数还没调用。
1 正在加载——open函数已调用,但send函数没有调用。
2 已加载  ——send函数已调用。
3 正在交互——服务器正在发送响应。
4 完成    ——服务器完成发送响应。

实际中,不是那么的状态,你可以简单使用:
function doSomething() {
  if (request.readyState == 4) {
// do something with the response
  }
}
尽管每次onreadystatechage被服务器触发,但是只有readyState==4的时候才执行代码

 

 

status
浏览器在发送请求时,服务器在发送响应时都会发送headers,headers包括文档信息:
文档类型content type (HTML, XML, and so on)
字符编码 (utf-8, iso-8859-1, and so on).

在服务器发送的响应中最重要的是status code:
404:“Not Found”
403:“Forbidden”
500:“Internal Server Error”
200:“OK”这个最常用
304:“Not Modified”

function doSomething() {
  if (request.readyState == 4) {
    if (request.status == 200) {
// 表明服务器发送响应成功
    }
  }
}

opera浏览器有时返回304,所以下面的代码改进
function doSomething() {
  if (request.readyState == 4) {
    if (request.status == 200 || request.status == 304) {
    }
  }
}

ajax 事件使用