属性 | 说明 |
readyState | 表示XMLHttpRequest对象的状态:0:未初始化。对象已创建,未调用open;
1:open方法成功调用,但Sendf方法未调用; 2:send方法已经调用,尚未开始接受数据; 3:正在接受数据。Http响应头信息已经接受,但尚未接收完成; 4:完成,即响应数据接受完成。 |
Onreadystatechange | 请求状态改变的事件触发器(readyState变化时会调用这个属性上注册的javascript函数)。 |
responseText | 服务器响应的文本内容 |
responseXML | 服务器响应的XML内容对应的DOM对象 |
Status | 服务器返回的http状态码。200表示“成功”,404表示“未找到”,500表示“服务器内部错误”等。 |
statusText | 服务器返回状态的文本信息。 |
方法 | 说明 |
Open(string method,string url,boolean asynch, String username,string password) | 指定和服务器端交互的HTTP方法,URL地址,即其他请求信息;
Method:表示http请求方法,一般使用“GET”,”POST”. url:表示请求的服务器的地址; asynch:表示是否采用异步方法,true为异步,false为同步; 后边两个可以不指定,username和password分别表示用户名和密码,提供http认证机制需要的用户名和密码。 |
Send(content) | 向服务器发出请求,如果采用异步方式,该方法会立即返回。
content可以指定为null表示不发送数据,其内容可以是DOM对象,输入流或字符串。 |
SetRequestHeader(String header,String Value) | 设置HTTP请求中的指定头部header的值为value.
此方法需在open方法以后调用,一般在post方式中使用。 |
getAllResponseHeaders() | 返回包含Http的所有响应头信息,其中相应头包括Content-length,date,uri等内容。
返回值是一个字符串,包含所有头信息,其中每个键名和键值用冒号分开,每一组键之间用CR和LF(回车加换行符)来分隔! |
getResponseHeader(String header) | 返回HTTP响应头中指定的键名header对应的值 |
Abort() | 停止当前http请求。对应的XMLHttpRequest对象会复位到未初始化的状态。 |
案例
<!DOCTYPE html>
<html><head><meta charset=”utf-8″><script>function loadXMLDoc(){ var xmlhttp;if (window.XMLHttpRequest){ // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码xmlhttp=new XMLHttpRequest();}else{ // IE6, IE5 浏览器执行代码xmlhttp=new ActiveXObject(“Microsoft.XMLHTTP”);}xmlhttp.onreadystatechange=function(){ if (xmlhttp.readyState==4 && xmlhttp.status==200){ document.getElementById(“myDiv”).innerHTML=xmlhttp.responseText;}}xmlhttp.open(“GET”,”/try/ajax/ajax_info.txt”,true);xmlhttp.send(null);}</script></head><body><div id=”myDiv”><h2>使用 AJAX 修改该文本内容</h2></div>
<button type=”button” οnclick=”loadXMLDoc()”>修改内容</button></body>
</html>readystate 状态
0 (未初始化): (xmlhttprequest)对象已经创建,但还没有调用open()方法。1 (载入):已经调用open() 方法,但尚未发送请求。2 (载入完成): 请求已经发送完成。3 (交互):可以接收到部分响应数据。4 (完成):已经接收到了全部数据,并且连接已经关闭。状态说明(0)未初始化此阶段确认xmlhttprequest对象是否创建,并为调用open()方法进行未初始化作好准备。值为0表示对象已经存在,否则浏览器会报错--对象不存在。(1)载入此阶段对xmlhttprequest对象进行初始化,即调用open()方法,根据参数(method,url,true)完成对象状态的设置。并调用send()方法开始向服务端发送请求。值为1表示正在向服务端发送请求。(2)载入完成此阶段接收服务器端的响应数据。但获得的还只是服务端响应的原始数据,并不能直接在客户端使用。值为2表示已经接收完全部响应数据。并为下一阶段对数据解析作好准备。(3)交互此阶段解析接收到的服务器端响应数据。即根据服务器端响应头部返回的mime类型把数据转换成能通过responsebody、responsetext或responsexml属性存取的格式,为在客户端调用作好准备。状态3表示正在解析数据。(4)完成此阶段确认全部数据都已经解析为客户端可用的格式,解析已经完成。值为4表示数据解析完毕,可以通过xmlhttprequest对象的相应属性取得数据。XMLHTTPRequest
1,创建XMLHTTPRequest对象
2,设置onreadystatechange事件回调,处理响应返回的数据。
3,初始化一个请求,执行XMLHTTPRequest的open方法
4,设置请求头
5,发送send()请求
注意:open使用get方式初始化请求的时候不需要设置请求头,而且send()里面的参数可以不写,但是最好是写上null。 open使用post方式初始化请求的时候需要写上请求头.setRequestHeader(“Content-Type”,”application/x-www-form-urlencoded”);ssend()里面加上data数据。