編輯“Php-ajax基礎”

<span style="text-align:center; border:1px solid #000; float:right; padding:6px;"><strong>導航:</strong> [[PHP#PHP教程|上一頁]] | {{template:開發(fā)語言導航}}</span>
<div style="clear:both;"></div>

== 如何學習AJAX ==
現(xiàn)在[[瀏覽器]]端以 [[JavaScript]] 為核心，基于各種 Web 標準(即:早已完成標準化的[[XHTML]]/[[CSS]]/[[DOM]]/[[XML]]/XSLT 和正在進行標準化的XMLHTTP)的技術正在加速整合，[[Ajax]] 就是這一系列技術的一個統(tǒng)稱。  <br>

雖然網(wǎng)絡上已經(jīng)有大量的相關資源，但是為了打好基礎，認真讀上幾本書還是很有必要的。 <br>

好在 Ajax 并不是什么全新的技術，它僅僅是傳統(tǒng)技術的發(fā)展和增值，是對于這些基于 Web 標準的傳統(tǒng)技術的重新包裝，使其更加適合于企業(yè)應用，并且和服務器端結合地更加緊密。因此學習 Ajax，首先就要從深入學習這些傳統(tǒng)的技術開始。 <br>


----

== Ajax基礎 ==


 

通過適當?shù)腁jax應用達到更好的用戶體驗;  <br>

把以前的一些服務器負擔的工作轉(zhuǎn)嫁到客戶端，利于客戶端閑置的處理能力來處理，減輕服務器和帶寬的負擔，從而達到節(jié)約ISP的空間及帶寬租用成本的目的。<br>


'''引用''' <br>


Ajax這個概念的最早提出者Jesse James Garrett認為:Ajax是Asynchronous JavaScript and XML的縮寫。Ajax并不是一門新的語言或技術,它實際上是幾項技術按一定的方式組合在一在同共的協(xié)作中發(fā)揮各自的作用,它包括: <br>


·使用XHTML和CSS標準化呈現(xiàn); <br>


·使用DOM實現(xiàn)動態(tài)顯示和交互;<br>


·使用XML和XSLT進行數(shù)據(jù)交換與處理;<br>


·使用XMLHttpRequest進行異步數(shù)據(jù)讀取;<br>


·最后用JavaScript綁定和處理所有數(shù)據(jù);<br>


Ajax的工作原理相當于在用戶和服務器之間加了—個中間層,使用戶操作與服務器響應異步化。并不是所有的用戶請求都提交給服務器,像—些數(shù)據(jù)驗證和數(shù)據(jù)處理等都交給Ajax引擎自己來做,只有確定需要從服務器讀取新數(shù)據(jù)時再由Ajax引擎代為向服務器提交請求。<br>




雖然Garrent列出了7條Ajax的構成技術，但個人認為，所謂的Ajax其核心只有JavaScript、XMLHTTPRequest和DOM，如果所用數(shù)據(jù)格式為XML的話，還可以再加上XML這一項(Ajax從服務器端返回的數(shù)據(jù)可以是XML格式，也可以是文本等其他格式)。<br>


在舊的交互方式中,由用戶觸發(fā)一個HTTP請求到服務器,服務器對其進行處理后再返回一個新的HTHL頁到客戶端,每當服務器處理客戶端提交的請求時,客戶都只能空閑等待,并且哪怕只是一次很小的交互、只需從服務器端得到很簡單的一個數(shù)據(jù),都要返回一個完整的HTML頁,而用戶每次都要浪費時間和帶寬去重新讀取整個頁面。<br>


而使用Ajax后用戶從感覺上幾乎所有的操作都會很快響應沒有頁面重載(白屏)的等待。<br>


1、XMLHTTPRequest <br>


Ajax的一個最大的特點是無需刷新頁面便可向服務器傳輸或讀寫數(shù)據(jù)(又稱無刷新更新頁面),這一特點主要得益于XMLHTTP組件XMLHTTPRequest對象。這樣就可以向再發(fā)桌面應用程序只同服務器進行數(shù)據(jù)層面的交換,而不用每次都刷新界面也不用每次將數(shù)據(jù)處理的工作提交給服務器來做,這樣即減輕了服務器的負擔又加快了響應速度、縮短了用戶等候時間。<br>


最早應用XMLHTTP的是微軟,IE(IE5以上)通過允許開發(fā)人員在Web頁面內(nèi)部使用XMLHTTP ActiveX組件擴展自身的功能,開發(fā)人員可以不用從當前的Web頁面導航而直接傳輸數(shù)據(jù)到服務器上或者從服務器取數(shù)據(jù)。這個功能是很重要的,因為它幫助減少了無狀態(tài)連接的痛苦,它還可以排除下載冗余HTML的需要,從而提高進程的速度。Mozilla(Mozilla1.0以上及NetScape7以上)做出的回應是創(chuàng)建它自己的繼承XML代理類:XMLHttpRequest類。Konqueror (和Safari v1.2,同樣也是基于KHTML的瀏覽器)也支持XMLHttpRequest對象,而Opera也將在其v7.6x+以后的版本中支持XMLHttpRequest對象。對于大多數(shù)情況，XMLHttpRequest對象和XMLHTTP組件很相似,方法和屬性也類似,只是有一小部分屬性不支持。<br>


XMLHttpRequest的應用:<br>


·XMLHttpRequest對象在JS中的應用<br>


var xmlhttp = new XMLHttpRequest();  <br>


·微軟的XMLHTTP組件在JS中的應用  <br>


var xmlhttp = new ActiveXObject(Microsoft.XMLHTTP);  <br>


var xmlhttp = new ActiveXObject(Msxml2.XMLHTTP);  <br>


XMLHttpRequest 對象方法  <br>


/**  <br>


* Cross-browser XMLHttpRequest instantiation.  <br>


*/  <br>


if (typeof XMLHttpRequest == ’undefined’) {  <br>


　XMLHttpRequest = function () {  <br>


var msxmls = [’MSXML3’, ’MSXML2’, ’Microsoft’]  <br>


for (var i=0; i < msxmls.length; i++) {<br>


　try {  <br>

 
return new ActiveXObject(msxmls+’.XMLHTTP’) <br>


　} catch (e) { }  <br>


}  <br>


throw new Error("No XML component installed!")  <br>


　}  <br>


}  <br>


function createXMLHttpRequest() {  <br>


　try {  <br>


// Attempt to create it "the Mozilla way"   <br>


if (window.XMLHttpRequest) {  <br>


　return new XMLHttpRequest(); <br>


}  <br>

 
// Guess not - now the IE way  <br>


if (window.ActiveXObject) {  <br>


　return new ActiveXObject(getXMLPrefix() + ".XmlHttp");  <br>


}  <br>

 
　}  <br>

 
　catch (ex) {}  <br>


　return false;  <br>


} <br>

[[category:PHP教程]]