php常用函數(shù)和實(shí)例電子教案第18章與ajax

1、第18章 PHP與AJAXAJAX的英文全稱是“Asynchronous JavaScript and XML”，即異步JavaScript和XML。是一種用來開發(fā)交互性網(wǎng)頁的技術(shù)，其本身由多種技術(shù)組成。本章主要介紹AJAX的原理與使用方法，在學(xué)習(xí)本章之前，讀者可以提前了解一些關(guān)于JavaScript的知識，便于理解文中內(nèi)容。在本章最后，將介紹一個用于PHP開發(fā)的AJAX框架SAJAX，以及其使用方法。18.1 AJAX引擎與數(shù)據(jù)提交AJAX最顯著的一個特點(diǎn)，就是在不安裝任何插件的情況下，可以用于創(chuàng)建功能豐富的客戶端，同時結(jié)合XHTML與CSS技術(shù)，大大提升了客戶體驗(yàn)。本節(jié)主要介紹AJAX的原

2、理、使用方法，以及與服務(wù)器端代碼的配合。18.1.1 AJAX工作原理AJAX技術(shù)之所以迷人，是因?yàn)槠浯蚱屏顺Ｒ?guī)的網(wǎng)頁瀏覽方式，不僅提升了客戶體驗(yàn)，同時對于提升程序運(yùn)行效率，也有很大幫助。對于剛接解AJAX的讀者來說，可能生澀的術(shù)語，并不能幫助其理解AJAX的工作原理。最直觀的方法，就是使用圖形的方法來展示其運(yùn)行過程。18.1.2 AJAX初始化在了解了AJAX的工作原理后，就可以從基本的AJAX代碼開始，實(shí)現(xiàn)AJAX模型。在整個AJAX模型中，用于實(shí)現(xiàn)異步回調(diào)的代碼是關(guān)鍵，這段代碼可以稱為AJAX的引擎。要實(shí)現(xiàn)AJAX引擎，就要從一個JavaScript對象開始，這個對象的名稱是XMLHtt

3、pRequest，使用這個對象可以完成HTTP請求、XML解析等操作。下面演示如何實(shí)現(xiàn)AJAX引擎，代碼如清單 所示。(詳細(xì)內(nèi)容請參照本書)至此AJAX的初始化已經(jīng)完成了，在接下來的小節(jié)中，就可以這個AJAX引擎來開發(fā)AJAX程序了。18.1.3 使用GET方法提交請求在以前的章節(jié)中，介紹過PHP與JavaScript使用XML文件，互相傳遞數(shù)據(jù)的方法，但是其過程缺點(diǎn)較多。在學(xué)習(xí)了AJAX的知識后，可以使用AJAX引擎，更高效的實(shí)現(xiàn)數(shù)據(jù)交互。HTTP請求分為GET和POST兩種方法，下面的例子將使用HTTP的GET方法，向當(dāng)前腳本頁提交數(shù)據(jù)，并在不刷新頁面的情況下，使用PHP代碼中的數(shù)據(jù)，更新

4、當(dāng)前頁面內(nèi)容，代碼如下清單所示。18.1.4 使用POST方法提交請求客戶端要提交大數(shù)據(jù)量的請求時，可以使用POST方法來實(shí)現(xiàn)，使用POST方法提交請求與使用GET方法提交請求的方法基本相同，下面演示使用POST方法提交請求的步驟，代碼如清單所示。18.2 PHP與數(shù)據(jù)格式本章18.1小節(jié)主要介紹了AJAX引擎的實(shí)現(xiàn)，以及使用方法。在18.1節(jié)的演示代碼中，通過GET或POST方法提交請求后，PHP腳本返回的都是沒有規(guī)律的文本信息。而實(shí)際應(yīng)用中，返回?cái)?shù)據(jù)要復(fù)雜的多，這就要求PHP腳本要返回格式化的數(shù)據(jù)，以便于客戶端腳本使用。18.2.1 PHP、JavaScript、XML在AJAX模型中，P

5、HP的角色就是服務(wù)器端腳本，用于把服務(wù)器的資源轉(zhuǎn)化為XML格式的數(shù)據(jù)。在本書的2.1.9小節(jié)中，介紹了使用XML格式的文件，用于PHP與JavaScript進(jìn)行數(shù)據(jù)交換的方法。其中PHP使用的是DOM函數(shù)來操作XML，JavaScript用于處理XML的是Microsoft.XMLDOM組件。18.2.2 PHP、JavaScript、JSON在AJAX中處理XML比較復(fù)雜，可以使用更簡單JSON來替換XML。JSON是JavaScript Object Notation的縮寫，相對于XML來說，JavaScript在處理JSON時更加方便，高效。為了使讀者更加直觀的了解JSON，下面列出三段

6、代碼，這三段代碼存儲的數(shù)據(jù)是一樣的，其中第1段是使用PHP數(shù)組存儲的，第2段是使用XML來存儲的，第3段是使用JSON格式存儲的，演示代碼如下所示。使用PHP數(shù)據(jù)組存儲數(shù)據(jù)的代碼：18.2.3 PHP與Javascript在經(jīng)過了使用XML、以及JSON進(jìn)行數(shù)據(jù)處理后，還可以使用JavaScript語句本身，來進(jìn)行數(shù)據(jù)交換，下面通過代碼演示，如果在AJAX返回?cái)?shù)據(jù)中使用JavaScript語句，代碼如清單所示。18.2.4 AJAX通用類在本章第18.1.2小節(jié)中，介紹了AJAX的核心代碼，并使用其進(jìn)行了簡單的AJAX演示。雖然這段代碼可以運(yùn)行，但是在實(shí)際應(yīng)用中，其對瀏覽器的兼容性，以及使用靈

7、活性方面，都不盡人意。在AJAX開發(fā)中，許多開發(fā)人員為了編寫代碼的方便，編寫了很多易于使用，功能強(qiáng)大的AJAX類，下面就介紹其中一款名為AJAXRequest的AJAX通用類。AJAXRequest實(shí)現(xiàn)的功能很簡單，主要是為了減化開發(fā)步驟，減少重復(fù)代碼而開發(fā)的，18.3 AJAX與開發(fā)框架AJAX技術(shù)經(jīng)常長時間的發(fā)展后，已經(jīng)變得相當(dāng)成熟，互聯(lián)網(wǎng)上也出現(xiàn)了許多針對于PHP的AJAX開發(fā)框架，本節(jié)主要介紹一個用于PHP開發(fā)的AJAX框架SAJAX。18.3.1 SAJAX安裝與使用SAJAX是一個跨平臺、跨瀏覽器的AJAX開發(fā)框架，并支持多種開發(fā)語言，包括asp、coldfusion、io、lua

8、、perl、php、python、ruby。SAJAX可以從其官方網(wǎng)站下載到，其官方網(wǎng)站的網(wǎng)址是 ，本小節(jié)使用的SAJAX版本的下載地址是 sajax-0.12.zip。下載的壓縮包內(nèi)包括了多種語言的SAJAX，SAJAX只有一個文件，解壓縮文件后，可以從其文件夾中，復(fù)制PHP語言使用的sajax.php，到當(dāng)前使用項(xiàng)目，或把SAJAX的PHP源代碼，集成到要開發(fā)的項(xiàng)目中，18.3.2 使用SAJAX顯示服務(wù)器時間眾所周知，JavaScript是在客戶端運(yùn)行的腳本，并不能訪問服務(wù)端的資源，例如取得服務(wù)時間，但是使用AJAX技術(shù)，就可以實(shí)現(xiàn)這一功能，下面介紹使用SAJAX訪問服務(wù)器時間的方法，代

9、碼如清單所示。18.3.3 使用SAJAX提交表單使用SAJAX提交表單，也就是AJAX使用POST方式提交數(shù)據(jù)的實(shí)現(xiàn)，下面通過演示，介紹SAJAX使用POST方法提交數(shù)據(jù)的方法，代碼如清單18.11所示。18.3.4 SAJAX的返回?cái)?shù)據(jù)類型SAJAX不僅可以返回字符串型的內(nèi)容，也可以返回?cái)?shù)組、對象、整型、浮點(diǎn)型的數(shù)據(jù)，下面通過代碼來演示，如何在SAJAX中返回這些類型的數(shù)據(jù)，代碼如清單所示。(詳細(xì)內(nèi)容請參照本書)在清單的代碼中，為了使返回的中文字符不顯示為亂碼，在腳本開始時，先輸出了頭文件信息，保證以后輸出的內(nèi)容，都是以GB2312編碼的字符。18.4 常見問題本章主要演示了AJAX技術(shù)原

10、理，以及應(yīng)用實(shí)例。并介紹和演示了SAJAX開發(fā)框架。本節(jié)將列出關(guān)于使用AJAX技術(shù)時，容易出現(xiàn)的問題，以及解決方法，供讀者參考。18.4.1 POST與GET方法在AJAX編程中，使用GET方法提交據(jù)，主要用于需要處理的數(shù)據(jù)量比較小的情況下，其使用方法比較簡單，而POST方法在使用時與GET方法有所差別，這一點(diǎn)在使用時，很容易被疏忽。在實(shí)際使用中，可以把AJAX中的JavaScript代碼，使用類進(jìn)行封裝，或直接使用第三方的AJAX類。如果要在PHP程序中，加入AJAX的支持，可以直接使用AJAX開發(fā)框架，例如：SAJAX。18.4.2 中文亂碼在AJAX編程中，最令開發(fā)人員頭痛的就是中文字符的編碼問題。通用的解決方法是，在客戶端提交數(shù)據(jù)前對數(shù)據(jù)進(jìn)行編碼，例如使用JavaScript語言的ecsape()函