教程材料-5ajax解惑這篇文章會使你對AJAX有一個基本了解并給出兩個容易上手例子

AjaxAJAXHTTP請求XML隨著一些諸如Gmail、Suggest以及Maps的轟動，才被許多網絡開發(fā)者XML文檔并且與之協(xié)同工作（可擴展標記語言HTTPJavaScriptHTTP請求，你需要一個類的實例來提供給你這種功能這個類原本在IE里被作為一個ActiveX對象XMLHTTP然后，MozillaSafari以及一些其他的瀏覽器相繼跟隨出現(xiàn)了一個XMLHttpRequest其支持微軟的ActiveXif(window.XMLHttpRequestMozilla,Safari,iehttp_request=newXMLHttpRequest();elseif(window.ActiveXObjectIEhttp_request=newActiveXObject("}如果服務器端的響應中沒有包含XMLmime-type報頭（header有些版本的Mozillatext/xml類型。http_request=newonreadystatechangeJavaScript函數(shù)名來實現(xiàn)：http_request.onreadystatechange=http_request.onreadystatechangefunction(){//處理響應http_request.open('GET','true);http_request.send(null);open()HTTP請求的方式——GET、則有些瀏覽器（如Firefox）可能就不會處理請求?？梢匀3Cspecs獲取的你可以HTTP請求方式的信息。JavaScriptAJAXA的含義。http_request.onreadystatechange=if(http_request.readyState4){//一切就緒，相映已接受完成else尚未就緒}readyState全部值的列表如下：下一步是檢查HTTP服務器響應的情況代碼。所有可能的代碼都被列在了W3C的上。目前，我們只對200OK響應感。if(http_request.status200){//else{////比如響應可能是404(NotFound)//或者500，HTTP我現(xiàn)在來做一個簡單的HTTP請求。我們的JavaScript將會請求一個HTML文檔，()<scripttype="text/javascript"language="javascript">varhttp_request=false;functionmakeRequest(url){http_request=false;if(window.XMLHttpRequest){//Mozilla,Safari,...http_request=newXMLHttpRequest();}}elseif(window.ActiveXObject){//IEtry{http_request=new}catch(e){try{http_request=newActiveXObject("}catch(e)}}if(!http_request)alert('Givingup CannotcreateanXMLHTTPinstance');returnfalse;}http_request.onreadystatechange=alertContents;http_request.open('GET',url,true);}functionalertContents()if(http_request.readyState==4){if(http_request.status==200){}elsealert('Therewasaproblemwiththe}}}<spanstyle="cursor:pointer;text-decoration:underline"onclick="makeRequest('test.html')">發(fā)出請求</span>在這個例子中：用戶在瀏覽器里點擊“發(fā)出請求”（makearequest 下的請求被發(fā)出，然后（onreadystatechange）alertContents()；alertContents()檢查響應是否被接收和是否狀態(tài)為“OKalerttest.html文件的XMLtest.htmlresponseXML屬性。XML文檔，這個文檔稍后會被我們請求。文檔（test.xml）<?xmlversion="1.0"encoding="utf-8"這是個測試我們只需要在中用下面的內容替換請就行varxmldoc=http_request.responseXML;varroot_node=xmldoc.geementsByTagName('root').item(0);這樣，我們獲取了re