| ASP.NET中使用AJAX的簡(jiǎn)單方法 | ||
| 實(shí)現基本的AJAX JavaScript方法 我將JavaScript方法分成兩部分：調用特殊頁(yè)的JavaScript方法和一般的JavaScript方法。特殊的方法包括一個(gè)回調方法，它的作用是更新頁(yè)面內容。而其它的AJAX方法負責建立一個(gè)XmlHttp對象，并向服務(wù)端發(fā)出一個(gè)異步的HTTP請求。 建立的XmlHttp對象因客戶(hù)端瀏覽器的不同而有所差異。本文只考慮兩種瀏覽器：一個(gè)是Microsoft的IE系列瀏覽器；另一個(gè)是Mozilla系列瀏覽器，包括Mozilla Firefox、Netscape和Safari。我也在Opera瀏覽器上測試過(guò)，但我不能保證本文的代碼可以很好地運行Opera瀏覽器上。下面是如何建立XmlHttp對象的代碼： function GetXmlHttpObject(handler) { var objXmlHttp = null; if (!window.XMLHttpRequest) { // Microsoft objXmlHttp = GetMSXmlHttp(); if (objXmlHttp != null) { objXmlHttp.onreadystatechange = handler; } } else { // Mozilla | Netscape | Safari objXmlHttp = new XMLHttpRequest(); if (objXmlHttp != null) { objXmlHttp.onload = handler; objXmlHttp.onerror = handler; } } return objXmlHttp; } function GetMSXmlHttp() { var xmlHttp = null; var clsids = ["Msxml2.XMLHTTP.6.0","Msxml2.XMLHTTP.5.0","Msxml2.XMLHTTP.4.0","Msxml2.XMLHTTP.3.0", "Msxml2.XMLHTTP.2.6","Microsoft.XMLHTTP.1.0", "Microsoft.XMLHTTP.1","Microsoft.XMLHTTP"]; for(var i=0; i<clsids.length && xmlHttp == null; i++) { xmlHttp = CreateXmlHttp(clsids[i]); } return xmlHttp; } function CreateXmlHttp(clsid) { var xmlHttp = null; try { xmlHttp = new ActiveXObject(clsid); lastclsid = clsid; return xmlHttp; } catch(e) {} } 由于MSXML5只是為Office設計的，因此，我們可以不考慮MSXML5。所以GetMSXmlHttp方法可以簡(jiǎn)化為以下形式： function GetMSXmlHttp() { var xmlHttp = null; var clsids = ["Msxml2.XMLHTTP.6.0","Msxml2.XMLHTTP.4.0","Msxml2.XMLHTTP.3.0"]; for(var i=0; i<clsids.length && xmlHttp == null; i++) { xmlHttp = CreateXmlHttp(clsids[i]); } return xmlHttp; } 我們可以看出，GetXmlHttpObject方法有一個(gè)handle參數，這個(gè)參數指向一個(gè)回調方法，這個(gè)回調方法將被定義在每一個(gè)需要刷新的aspx頁(yè)中?，F在我們已經(jīng)有了一個(gè)XmlHttp對象，接下來(lái)我們可以發(fā)送一個(gè)異步的HTTP請求了。 function SendXmlHttpRequest(xmlhttp, url) { xmlhttp.open(’GET’, url, true); xmlhttp.send(null); } 在以上代碼中我使用了一個(gè)GET HTTP請求發(fā)送了一個(gè)URL，你可以很容易修改以上的JavaScript代碼，使其發(fā)送其它的HTTP方法。
| ||
聯(lián)系客服
