XMLHttpRequest对象的属性和方法
ajax的不足
?
1. 各个浏览器对XMLHttpRequest对象的支持度不足(兼容性问题)
2. 破坏浏览器的前进,后退功能。
3. 对搜索引擎支持不足。
4. 调试工具支持不足。
?
?
XMLHttpRequest对象的属性和方法1.readyState属性
状态:0 代表未初始化。
1 代表准备发送。
2 已发送但还没收到响应
3 正在接收
4 接收完成
2.responseText属性
包含客户端接收到的HTTP响应的文本内容。
当readyState=4时,responseText才包含完整的响应信息。
当readyState=3时,responseText包含未完整的响应信息。
当readyState<3时,responseText为空字符串。
?
3.responseXML属性当readyState=4,并且响应头部的Content-Type的MIME类型为XML(text/xml或application/xml)时,该属性有值并且被解析成一个XML文档。
其它情况为null,包括回传的XML文档不良或未完成响应回传。
?
4.status及statusText属性(描述http状态代码,及代码文本)当readyState>2,才能访问,否则出现异常。
5.onreadystatechange事件
当readyState属性发生变化时触发此事件,用于触发回调函数。
?
6.open方法open(method, uri, async, username, password) 用来进行初始化工作
返回值:得到一个包含send()方法的对象
method:必须。用于指定HTTP方法如GET,POST,PUT....。按规定必须大写。
uri:请求发送到服务器相应的URI.自动解析成绝对地址。
async:请求是否异步,默认为true.
调用open后,readystate状态为1.
?
7.send方法调用open 方法后,可以调用send()方法来发送请求。
当open 中async=true时,send()方法调用后立即返回,否则会中断直到请求返回。
send(data)
data:可选。此处还有疑问。。
?
8.abort()方法该方法可以暂停一个HttpRequest请求或者HttpResponse的接收,并且将XMLHttpRequest的状态设置为初始化。
?
?
9.setRequestHeader(header,value)方法该方法用来设置请求的头部信息。在调用open()后调用这个方法。否则将得到一个异常。
10.getResponseHeader()方法
当readystate>2时,该方法用来检索响应的头部信息。否则返回一个空字符串。
getAllResponseHeaders()方法返回所有的HttpResponse头部信息。
?
<script type="javascript/text">var xmlHttp//判断是否IEif(window.ActiveXObject){ try{ xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); }catch(e){ xmlHttp=false; }}else{ try{ xmlHttp=new XMLHttpRequest();}catch(e){ xmlHttp=false;}}if(xmlHttp.readyState==4||xmlHttp.readyState==0){ xmlHttp.open("GET", "test.php?"content="+content,true); //设置回调函数 xmlHttp.onreadystatechange=recall(); xmlHttp.send(null);}function recall(){ if(xmlHttp.readyState==4){ if(xmlHttp.status==200){ xmlResponse = xmlHttp.responseXML; //xml处理 myXml = xmlResponse.documnetElement; content = myXml.firstChild.data; //处理部分 }}else{ alert(xmlHttp.statusText);}}</script>?