WEB 2.0中AJAX应用的详细探讨

《WEB 2.0中AJAX应用的详细探讨》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、最近互联网上比较火热的话题当然是关于WEB2.0的应用，其中AJAX又是WEB2.0的核心之一。AJAX是AsynchronousJavaScriptandXML的缩写。它并不是一门新的语言或技术，它实际上是几项技术按一定的方式组合在一在同共的协作中发挥各自的作用，它包括　　　　使用XHTML和CSS标准化呈现；　　　　使用DOM实现动态显示和交互；　　　　使用XML和XSLT进行数据交换与处理；　　　　使用XMLHttpRequest进行异步数据读取；　　　　最后用JavaScript绑定和处理所有数据；　　　　Ajax的工作原理相当于在用户和服务器之间加了?个中

2、间层，使用户操作与服务器响应异步化。这样把以前的一些服务器负担的工作转嫁到客户端，利于客户端闲置的处理能力来处理，减轻服务器和带宽的负担，从而达到节约ISP的空间及带宽租用成本的目的。　　　　我们以两个验证通行证帐号是否存在的例子来讲述AJAX在实际中的应用：　　　　(1)　　用文本字符串的方式返回服务器的响应来验证网易通行证帐号是否存在；　　　　(2)　　以XMLDocument对象方式返回响应来验证金山通行证帐号是否存在；　　　　首先，我们需要用JavaScript来创建XMLHttpRequest类向服务器发送一个HTTP请求，XMLHttpRequest类首

3、先由InternetExplorer以ActiveX对象引入，被称为XMLHTTP。后来Mozilla?Netscape?Safari和其他浏览器也提供了XMLHttpRequest类，不过它们创建XMLHttpRequest类的方法不同。　　　　对于InternetExplorer浏览器，创建XMLHttpRequest方法如下：　　　　xmlhttp_request=newActiveXObject("Msxml2.XMLHTTP.3.0");//3.0或4.0,5.0　　xmlhttp_request=newActiveXObject("Msxml2.XMLH

4、TTP");　　xmlhttp_request=newActiveXObject("Microsoft.XMLHTTP");　　　　由于在不同InternetExplorer浏览器中XMLHTTP版本可能不一致，为了更好的兼容不同版本的InternetExplorer浏览器，因此我们需要根据不同版本的InternetExplorer浏览器来创建XMLHttpRequest类，上面代码就是根据不同的InternetExplorer浏览器创建XMLHttpRequest类的方法。　　　　对于Mozilla?Netscape?Safari等浏览器，创建XMLHttpReq

5、uest方法如下：　　　　xmlhttp_request=newXMLHttpRequest();　　　　如果服务器的响应没有XMLmime-typeheader，某些Mozilla浏览器可能无法正常工作。为了解决这个问题，如果服务器响应的header不是text/xml，可以调用其它方法修改该header。　　　　xmlhttp_request=newXMLHttpRequest();　　xmlhttp_request.overrideMimeType('text/xml');　　　　在实际应用中，为了兼容多种不同版本的浏览器，一般将创建XMLHttpReques

6、t类的方法写成如下形式：　　　　try{　　if(window.ActiveXObject){　　for(vari=5;i;i--){　　try{　　if(i==2){　　xmlhttp_request=newActiveXObject("Microsoft.XMLHTTP");　　}else{　　xmlhttp_request=newActiveXObject("Msxml2.XMLHTTP."  i  ".0");　　}　　xmlhttp_request.setRequestHeader("Content-Type","text/xml");　　xmlhttp_

7、request.setRequestHeader("Content-Type","gb2312");　　break;}　　catch(e){　　xmlhttp_request=false;　　}　　}　　}elseif(window.XMLHttpRequest){　　xmlhttp_request=newXMLHttpRequest();　　if(xmlhttp_request.overrideMimeType){　　xmlhttp_request.overrideMimeType('text/xml');　　}　　}　　}catch(e){　　xmlhttp