通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。从今天开始nie,小编开始和小伙伴们一起学习ajax的相关知识,这篇博文,小编主要简单的和大家介绍介绍XMLHttpRequset对象的使用,首先我们来看一下这个对象的属性还有方法,首先,我们来看属性,如下表所示:
接着,我们来看方法,如下表所示:
XMLHttpRequest的缩写为XHR,中文名字叫做可扩展超文本传输请求,Xml可扩展标记语言,Http超文本传输协议,Request请求。XMLHttpRequest对象可以在不向服务器提交整个页面的情况下,实现局部更新网页。当页面全部加载完毕后,客户端通过该对象向服务器请求数据,服务器端接受数据并处理后,向客户端反馈数据。 XMLHttpRequest 对象提供了对 HTTP 协议的完全的访问,包括做出 POST 和 HEAD 请求以及普通的 GET 请求的能力。XMLHttpRequest 可以同步或异步返回 Web 服务器的响应,并且能以文本或者一个 DOM 文档形式返回内容。尽管名为 XMLHttpRequest,它并不限于和 XML 文档一起使用:它可以接收任何形式的文本文档。XMLHttpRequest 对象是名为 AJAX 的 Web 应用程序架构的一项关键功能。上面的两张图片对XHR有了一定的了解,接下来,就到了实战的时候了,我们这里用经典的五步法来介绍一下:
第一步、创建XHR对象,代码如下所示:
- <spanstyle="font-size:18px;">varxmlhttprequest;
- if(window.XMLHttpRequest){
- xmlhttprequest=newXMLHttpRequest();
- if(xmlhttprequest.overrideMimeType){
- xmlhttprequest.overrideMimeType("text/xml");
- }
- }elseif(window.ActiveXObject){
- varactiveName=["MSXML2.XMLHTTP","Microsoft.XMLHTTP"];
- for(vari=0;i<activeName.length;i++){
- try{
- xmlhttprequest=newActiveXObject(activeName[i]);
- break;
- }catch(e){
- }
- if(xmlhttprequest==undefined||xmlhttprequest==null){
- alert("XMLHttpRequest对象创建失败!!");
- }else{
- this.xmlhttp=xmlhttprequest;
- }</span>
?