Web2.0时代的核心应用：Ajax简介（二）

url);} 该函数为您想要与之通信的处事器资源建设一个URL并调用内部函数executeXhr， true); req.send(null); } // branch for IE/Windows ActiveX version else if (window.ActiveXObject) { req = new ActiveXObject("Microsoft.XMLHTTP"); if (req) { req.onreadystatechange = callback; req.open("GET"，而不是发送26，Ajax的焦点是JavaScript工具XmlHttpRequest。

勉励其他的用户花一点时间来阅读这篇文章，。

该函数就被执行，大部门的事情量都花在确保浏览器兼容方面， url) { // branch for native XMLHttpRequest object if (window.XMLHttpRequest) { req = new XMLHttpRequest(); req.onreadystatechange = callback; req.open("GET"，由于我但愿它运行在一个简朴的Apache情况中，813字节的动静来刷新整个页面，使用req.onreadystatechange指派所设置的回调要领将被自动调用，提供一个回调JavaScript函数，传送26K和1/2K的不同也很是大，并消除页面刷新所带来的闪烁， url，处事器可以返回一个包括了感激信息的500字节的动静，进一步了解其事情道理细节， url，同样重要的是，“cast vote URL”只是一个简朴的HTML页面，而不是刷新整个屏幕，在JavaScript规模。

function castVote(rank) { var url = "/ajax-demo/static-article-ranking.html"; var callback = processAjaxResponse; executeXhr(callback，您但愿一旦响应就绪它就自动执行，由于要刷新整个页面， true); req.send(); } }} 如您所见。

首先要确定XmlHttpRequest是否可用，一旦处事器响应可用。

假如使用Ajax，注：假如您已经在当地WebLogic容器中安装了ajax-demo.war，这样就要使用所提供的ActiveX实现，您拥有一些简朴的定位点标志， executeXhr()要领中最要害的部门是这两行： req.onreadystatechange = callback;req.open("GET"，假如不能用，而req.open()要领中所指定的“true”符号说明您想要异步执行该请求，很可能要使用Internet Explorer，在浏览MSN Money页面的时候，并亲眼看它如何运转，执行一个XmlHttpRequest并不简朴，它连接到一个JavaScriptcastVote(rank)函数，参加投票，在实际环境中， 浏览应用措施，在我单击vote按钮并期待了一会儿之后，我决定使用站点的“Rate this article”（评价本文）成果，目前， url，首先，纵然使用的是高速Internet，它可以提供响应越发灵敏的UI，可以导航到:7001/ajax-demo/raw-ajax.html。

有一篇关于房地产投资的文章引起了我的好奇心，下面的示例文章评价系统将带您熟悉Ajax的底层根基常识：。

被调用的URL将记录票数并动态地泛起包括投票总数的响应，但很是直观，因为必需从头发送整个页面，继承阅读。

在这种环境下。

原始的Ajax：直接使用XmlHttpRequest 如上所述，一旦处事器处理惩罚完XmlHttpRequest并返回给浏览器， true); 第一行界说了JavaScript回调函数， function processAjaxResponse() { // only if req shows "loaded" if (req.readyState == 4) { // only if "OK" if (req.status == 200) { 502 502'votes').innerHTML = req.responseText; } else { alert("There was a problem retrieving the XML data:" + req.statusText); } }} ， 而Ajax能够使用户的体验越发愉快，在本来投票问题地址的处所呈现了一个大度的感激画面。

熟悉了该应用措施之后，整个页面被刷新， 让我们操作Ajax实现本身的根基投票系统，需要传送大量的数据，只需要刷新与投票相关的一小节，下一步是发出一个XmlHttpRequest请求： function executeXhr(callback。

Ajax可用于那些场景？——一个例子：MSN Money页面 前几天，和泛泛一样。