web20中ajax应用的详细探讨

《web20中ajax应用的详细探讨》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

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

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

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

4、t=newXMLH社pRequest();如果服务器的响应没有XMLmime-typeheader,某些Mozilla浏览器可能无法正常工作。为了解决这个问题，如果服务器响应的header不是text/xml,可以调用其它方法修改该headeroxmlhttp_request=newXMLHttpRequest();xmlhttp_request.overrideMimeType(ttext/xmr);在实际应用中，为了兼容多种不同版本的浏览器，一般将创建XMLHttpRequest类的方法写成如下形式：try{if(window.ActiveXObject){for(v

5、ari=5;i;i-){try{if(i==2){xmlhttp_request=newActiveXObject("Microsoft.XMLHTTP");}else{xmlhttp_request=newActiveXObject("Msxml2.XMLHTTP.”+i+".0");}xmlhttp_request.setRequestHeader(HContent-Type，7，text/xmr,);xmlhttp_request.setRequestHeader(HContent-Type","gb2312");break;}catch(e){xmlhttp_re

6、quest=false;}}}elseif(window.XMLHttpRequest){xmlhttp_request=newXMLHttpRequest();if(xmlhttp_request.overrideMimeType){xmlhttp_request.overrideMimeType(,text/xmr);}}}catch(e){xmlhttp_request=false;在定义了如何处理响应后，就要发送请求了。可以调用HTTP请求类的open（）和send（）方法，如下所示：xmlhttp_request.open('GEr,URL,true);xmlh

7、ttp_request.send(null);open（）的第一个参数是HTTP请求方式一GET,POST或任何服务器所支持的您想调用的方式。按照HTTP规范，该参数要大写;否则，某些浏览器（如Firefox）可能无法处理请求。第二个参数是请求页面的URL。第三个参数设置请求是否为异步模式。如果是TRUE,JavaScript函数将继续执行，而不等待服务器响应。这就是”AJAX”中的“A”。用JavaScript来创建XMLHttpRequest类向服务器发送一个HTTP请求后，接下来要决定当收到服务器的响应后，需要做什么。这