編輯“Php-ajax控件和函數(shù)”

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

==Ajax和服務(wù)器端技術(shù)毫不相關(guān)==
嚴(yán)格的說(shuō)，與傳統(tǒng)web開(kāi)發(fā)相比，[[Ajax]]是完完全全的[[客戶(hù)端]]技術(shù)。由于很多控件封裝了客戶(hù)端和[[服務(wù)器端]]的通信過(guò)程，因此很多問(wèn)題也因通信而起。事實(shí)上，不論何種Ajax技術(shù)，服務(wù)器端都是返回的一個(gè)純文本流，再由客戶(hù)端來(lái)處理這個(gè)文本。這段文本可以是[[xml]]格式，也可以是一個(gè)[[Html]]片段，也可以是一段[[JavaScript]]腳本，或者僅是一個(gè)字符串。服務(wù)器端僅僅是作為一個(gè)數(shù)據(jù)接口，客戶(hù)端使用XMLHttpRequest對(duì)象來(lái)請(qǐng)求這個(gè)頁(yè)面，服務(wù)器端在頁(yè)面內(nèi)寫(xiě)入結(jié)果文本，這個(gè)過(guò)程和普通的web開(kāi)發(fā)沒(méi)有任何區(qū)別。所不同的只是，客戶(hù)端在異步獲取結(jié)果后，不是直接顯示在頁(yè)面，而是由客戶(hù)端的Javascript腳本處理后再顯示在頁(yè)面。至于各種控件所謂的能返回DataSet對(duì)象，Date對(duì)象，或者其他的數(shù)據(jù)類(lèi)型，都是封裝了這個(gè)處理過(guò)程的結(jié)果。 <br>

==DOM模型是Ajax最本質(zhì)的技術(shù)==
之所以沒(méi)有把XMLHttpRequest列為最本質(zhì)的技術(shù)，因?yàn)楸救擞X(jué)得它實(shí)在是太簡(jiǎn)單了，它只是可以讓瀏覽器在后臺(tái)請(qǐng)求一個(gè)頁(yè)面，并將其內(nèi)容交給JavaScript處理。真正的核心應(yīng)該是：DOM模型，即文檔對(duì)象模型。在DOM模型里，Html標(biāo)記都被認(rèn)為是一個(gè)對(duì)象，例如：div對(duì)象，table對(duì)象等等。DOM模型就規(guī)定了這些對(duì)象所具有的屬性、方法和事件。通過(guò)這些性質(zhì)，可以對(duì)一個(gè)已經(jīng)顯示于瀏覽器的頁(yè)面進(jìn)行內(nèi)容的修改，例如增加節(jié)點(diǎn)、修改節(jié)點(diǎn)位置，刪除節(jié)點(diǎn)等等。而不僅僅是一個(gè)innerHTML屬性這么簡(jiǎn)單，雖然這是一個(gè)很有用的屬性。 <br>

==在使用Ajax控件前理解它們的實(shí)現(xiàn)==
使用Ajax控件的確可以提高效率，但如果你空中樓閣般使用控件，那就得不償失了。從一個(gè)控件換到另外一個(gè)控件又會(huì)有一個(gè)漫長(zhǎng)的學(xué)習(xí)曲線(xiàn)。所以應(yīng)該從底層了解其，況且Ajax實(shí)在不是什么高深的技術(shù)。其實(shí)任何東西的最底層其實(shí)都是簡(jiǎn)單的，但如果封裝了這些底層的東西，事情會(huì)變得復(fù)雜和難以理解。以Asp.net為例，它的定制特性可以使得只要在方法前加上[ajax method]類(lèi)似這樣的標(biāo)志就可以稱(chēng)為一個(gè)異步方法，相信這使得Asp.net的Ajax開(kāi)發(fā)顯得更加“高效”或者是“神秘”，而更多的事情則被封裝了。同樣記住一條，任何對(duì)服務(wù)器端的請(qǐng)求僅僅是返回純文本，我們不一定要依賴(lài)于封裝好的處理過(guò)程，而完全可以自己來(lái)實(shí)現(xiàn)。 <br>

==學(xué)好JavaScript==
在大多數(shù)人看來(lái)，JavaScript總不是那么一種正規(guī)的語(yǔ)言，隨便copy一段就碰巧能運(yùn)行，學(xué)過(guò)[[c]]之類(lèi)的人，一看也能看懂，而且在[[瀏覽器]]中常常有腳本錯(cuò)誤提示，所以潛意識(shí)覺(jué)得總不能付之以大任。事實(shí)上，要學(xué)好Ajax，這就完全是一種錯(cuò)誤的看法。javascript作為一種腳本語(yǔ)言，其語(yǔ)法的確不是很?chē)?yán)格，但并不妨礙其完成諸多復(fù)雜的任務(wù)，沒(méi)有JavaScript，就沒(méi)有Ajax。所以本人強(qiáng)烈建議，學(xué)Ajax前，一定要好好研究一番JavaScript，一般來(lái)講，如果能順利看懂prototype框架的代碼（如：prototype-1.3.1.js），你的JavaScript水平就基本過(guò)關(guān)了。同時(shí)對(duì)DOM模型也可以算有一個(gè)基本的了解。 <br>

==Ajax點(diǎn)綴：CSS==
用JavaScript控制[[CSS]]其實(shí)很簡(jiǎn)單，基本上每個(gè)DOM對(duì)象都有一個(gè)style對(duì)象，只要把css屬性里的"-"去掉，并讓隨后的字母變?yōu)榇髮?xiě)就可以作為屬性使用了，例如：element.style.backgroundColor="#f00";在css是：選擇符 {background-color:#f00}<br>


[[category:PHP教程]]