欢迎来到天天文库
浏览记录
ID:36225138
大小:63.50 KB
页数:8页
时间:2019-05-07
《xmlhttprequest对象详解》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、AJAX大家已经都知道了,是为了实现异步通讯,提高用户体验度,而将很多旧知识(XML,DOM,JavaScript,HTML,Jquery,Css……)重新融合的一个新的知识框架。而,XMLHttpRequest对象则是其中的重重之中。这篇博客重点总结一下这个对象的使用。当然还是按照经典的五步法来学习,以后在实践中有更多更好的想法,会拿出来分享的! 首先,需要先了解这个对象的属性和方法:属性说明readyState表示XMLHttpRequest对象的状态:0:未初始化。对象已创建,未调用open;1:ope
2、n方法成功调用,但Sendf方法未调用;2:send方法已经调用,尚未开始接受数据;3:正在接受数据。Http响应头信息已经接受,但尚未接收完成;4:完成,即响应数据接受完成。Onreadystatechange请求状态改变的事件触发器(readyState变化时会调用这个属性上注册的javascript函数)。responseText服务器响应的文本内容responseXML服务器响应的XML内容对应的DOM对象Status服务器返回的http状态码。200表示“成功”,404表示“未找到”,500表示“服务器内部错
3、误”等。statusText服务器返回状态的文本信息。方法说明Open(stringmethod,stringurl,booleanasynch,Stringusername,stringpassword)指定和服务器端交互的HTTP方法,URL地址,即其他请求信息;Method:表示http请求方法,一般使用"GET","POST".url:表示请求的服务器的地址;asynch:表示是否采用异步方法,true为异步,false为同步;后边两个可以不指定,username和password分别表示用户名和密码,提供ht
4、tp认证机制需要的用户名和密码。Send(content)向服务器发出请求,如果采用异步方式,该方法会立即返回。content可以指定为null表示不发送数据,其内容可以是DOM对象,输入流或字符串。SetRequestHeader(Stringheader,StringValue)设置HTTP请求中的指定头部header的值为value.此方法需在open方法以后调用,一般在post方式中使用。getAllResponseHeaders()返回包含Http的所有响应头信息,其中相应头包括Content-length,
5、date,uri等内容。返回值是一个字符串,包含所有头信息,其中每个键名和键值用冒号分开,每一组键之间用CR和LF(回车加换行符)来分隔!getResponseHeader(Stringheader)返回HTTP响应头中指定的键名header对应的值Abort()停止当前http请求。对应的XMLHttpRequest对象会复位到未初始化的状态。 对这个对象有了静态了了解,知道它长的什么样子,有什么功能了,下边该我们使用它了,当然这里我也用五步法写出代码来:第一步:创建XMLHttpRuquest对象:[ja
6、vascript]viewplaincopyprint?1.var xmlhttprequest; 2. if(window.XMLHttpRequest){ 3. xmlhttprequest=new XMLHttpRequest(); 4. if(xmlhttprequest.overrideMimeType){ 5. xmlhttprequest.overrideMimeType("text/xml"); 6. } 7. }else if
7、(window.ActiveXObject){ 8. var activeName=["MSXML2.XMLHTTP","Microsoft.XMLHTTP"]; 9. for(var i=0;i8、 }catch(e){ 14. 15. } 16. } 17. } 18. 19. if(xmlhttprequest==undefined 9、10、 xmlhttprequest==null){ 20. aler
8、 }catch(e){ 14. 15. } 16. } 17. } 18. 19. if(xmlhttprequest==undefined
9、
10、 xmlhttprequest==null){ 20. aler
此文档下载收益归作者所有