简介
- 组成：XMLHttpRequest，JavaScript，XML，CSS，DOM等。
- 浏览器与Ajax引擎进行通信，Ajax引擎与服务器进行通信，实现浏览器与服务器可以仅进行数据交换，而不需要页面刷新。
创建XMLHttpRequest
if (window.XMLHttpRequest){ //window.XMLHttpRequest返回对象或是null，对应if的true和false
http_request=new XMLHttpRequest();
} else if(window.ActiveXObject){
try {
http_request=new ActiveXObject("Msxml2.XMLHTTP");
} catch(e) {
try {
http_request=new ActiveXObject("Microsoft.XMLHTTP");
} catch(e) {}
}
}
XMLHttpRequest常用方法
- open()
- open("method","url"[,asyncFlag[,"username"[,"password"]]]) //设置请求参数
- send()
- send(content) //发送请求，如果open设为异步，则send立即返回；若设为同步，则send会等着收到响应为止
- setRequestHeader()
- setRequestHeader("header","value") //设置请求头
- http_request.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
- abort()
- getResponseHeader()
- getResponseHeader("headerLabel") //返回指定的HTTP头信息
- http_request.getResponseHeader("Content-Type");
- getAllResponseHeaders()
- getAllResponseHeaders() //返回所有HTTP头信息，包括Server、Date、Content-Type、Content-Length
XMLHttpRequest常用属性
- onreadystatechanged
- 状态发生改变时触发的事件处理器
- http_request.onreadystatechanged=getResult; //不可以加小括号和参数，需要参数时可用匿名函数
http_request.onreadystatechanged=function(){
getResult("参数");
}
- readyState
- 获取请求的状态
- 0:未初始化:open；1:正在加载:send；2:已加载；3:交互中；4:完成
- responseText
- responseXML
- status
- 服务器的HTTP状态码
- 200:成功；202:请求被接受，但尚未成功；400:错误请求；404:文件未找到；500:内部服务器错误
- statusText
