16-ajax

html5


XMLHttpRequest
UNSENT:0,已创建XMLHttpRequest对象
OPENED:1,已调用open方法
HEADERS_RECEIVED:2,已收到服务器响应的标头
LOADING:3,已收到服务器的响应
DONE:4,响应完成or已失败
xmlHttp.readyState == XMLHttpRequest.DONE && xmlHttp.status == 200)
xmlHttp.open(“GET”, “”, true,”用户名”,”密码”);

XMLHttpReuqest对象定义的事件,使用如下事件时前面需要添加on
readystatechange:请求生命周期不同阶段触发
abort:请求中止触发
error:请求失败触发
load:请求成功完成触发
loadend:请求已完成时触发，无论成功or失败
loadstart:请求开始触发
progress:触发以提示请求的进度
timeout:请求超时触发

readystatechange:对象为event。
其余对象为ProgressEvent，属性如下
lengthComputable:是否能计算数据流的总长度。
loaded:返回当前已载入的数据量
total:返回可用数据总量

错误1：XMLHttpRequest传递了错误的数据，如格式不正确的url
try{
XMLHttpRequest.open(“GET”,”http://”);
XMLHttpRequest.send();
}catch(error){

}

}
错误2:请求已经完成，其他错误，如主机不存在，会调用error函数。
XMLHttpRequest.onerror=function(e){
alert(e.target.status+” “+e.target.statusText)
}

错误3：请求成功完成，没返回需要的数据
if( xmlHttp.status != 200){
alert(e.target.status+” “+e.target.statusText)
}

xmlHttp.onreadystatechange=..
xmlHttp.open(“GET”,”url”)
//覆盖http方法。get/post/delete，实际上还是get请求，需要放在send之前
xmlHttp.setRequestHeader(“X-HTTP-Method-Override”,”DELETE”);
禁用缓存
xmlHttp.setRequestHeader(“Cache-Control”,”no-cache”);
xmlHttp.send();