揭密各種AJAX控件和類庫(kù)_AJAX教程
推薦:ajax技術(shù)制作得在線歌詞搜索功能最新制作完成的在線歌詞搜索功能,利用ajax技術(shù),無(wú)刷新顯示歌詞,只需要輸入你要查找的歌曲名或歌詞。界面還不是很好看,完善中...... 1 o
觀點(diǎn)一:Ajax和服務(wù)器端技術(shù)毫不相關(guān)嚴(yán)格的說(shuō),與傳統(tǒng)web開(kāi)發(fā)相比,Ajax是完完全全的客戶端技術(shù)。由于很多控件封裝了客戶端和服務(wù)器端的通信過(guò)程,因此很多問(wèn)題也因通信而起。事實(shí)上,不論何種Ajax技術(shù),服務(wù)器端都是返回的一個(gè)純文本流,再由客戶端來(lái)處理這個(gè)文本。這段文本可以是xml格式,也可以是一個(gè)Html片段,也可以是一段JavaScript腳本,或者僅是一個(gè)字符串。服務(wù)器端僅僅是作為一個(gè)數(shù)據(jù)接口,客戶端使用XMLHttpRequest對(duì)象來(lái)請(qǐng)求這個(gè)頁(yè)面,服務(wù)器端在頁(yè)面內(nèi)寫入結(jié)果文本,這個(gè)過(guò)程和普通的web開(kāi)發(fā)沒(méi)有任何區(qū)別。所不同的只是,客戶端在異步獲取結(jié)果后,不是直接顯示在頁(yè)面,而是由客戶端的Javascript腳本處理后再顯示在頁(yè)面。至于各種控件所謂的能返回DataSet對(duì)象,Date對(duì)象,或者其他的數(shù)據(jù)類型,都是封裝了這個(gè)處理過(guò)程的結(jié)果。
觀點(diǎn)二: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è)很有用的屬性。
觀點(diǎn)三:在使用Ajax控件前理解它們的實(shí)現(xiàn)
使用Ajax控件的確可以提高效率,但如果你空中樓閣般使用控件,那就得不償失了。從一個(gè)控件換到另外一個(gè)控件又會(huì)有一個(gè)漫長(zhǎng)的學(xué)習(xí)曲線。所以應(yīng)該從底層了解其,況且Ajax實(shí)在不是什么高深的技術(shù)。其實(shí)任何東西的最底層其實(shí)都是簡(jiǎn)單的,但如果封裝了這些底層的東西,事情會(huì)變得復(fù)雜和難以理解。以Asp.net為例,它的定制特性可以使得只要在方法前加上[ajax method]類似這樣的標(biāo)志就可以稱為一個(gè)異步方法,相信這使得Asp.net的Ajax開(kāi)發(fā)顯得更加“高效”或者是“神秘”,而更多的事情則被封裝了。同樣記住一條,任何對(duì)服務(wù)器端的請(qǐng)求僅僅是返回純文本,我們不一定要依賴于封裝好的處理過(guò)程,而完全可以自己來(lái)實(shí)現(xiàn)。
觀點(diǎn)四:學(xué)好JavaScript
在大多數(shù)人看來(lái),JavaScript總不是那么一種正規(guī)的語(yǔ)言,隨便copy一段就碰巧能運(yùn)行,學(xué)過(guò)c之類的人,一看也能看懂,而且在瀏覽器中常常有腳本錯(cuò)誤提示,所以潛意識(shí)覺(jué)得總不能付之以大任。事實(shí)上,要學(xué)好Ajax,這就完全是一種錯(cuò)誤的看法。javascript作為一種腳本語(yǔ)言,其語(yǔ)法的確不是很嚴(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è)基本的了解。
觀點(diǎn)五:Ajax點(diǎn)綴:CSS
用JavaScript控制CSS其實(shí)很簡(jiǎn)單,基本上每個(gè)DOM對(duì)象都有一個(gè)style對(duì)象,只要把css屬性里的"-"去掉,并讓隨后的字母變?yōu)榇髮懢涂梢宰鳛閷傩允褂昧�,例如:element.style.backgroundColor="#f00";在css是:選擇符 {background-color:#f00}
分享:Ajax程序中,自己實(shí)現(xiàn)頁(yè)面前進(jìn)、后退、與標(biāo)簽功能(asp.net2.0)第一次寫博客,并且斗膽發(fā)表技術(shù)類文章,請(qǐng)大家不要見(jiàn)笑,有寫的失敗或雷同的地方請(qǐng)大家扔磚頭敲我吧! Ajax剛?cè)腴T不久,便寫了一個(gè)Ajax+C#的留言本程序,在實(shí)際寫程序中,漸漸發(fā)現(xiàn)了Ajax程序許多不成熟的地方,其中比較典型的就是頁(yè)面的前進(jìn)、后退與標(biāo)簽問(wèn)題
- Ajax中瀏覽器的緩存問(wèn)題解決方法
- AJAX和WebService實(shí)現(xiàn)省市縣三級(jí)聯(lián)動(dòng)具體代碼
- ajax 登錄功能簡(jiǎn)單實(shí)現(xiàn)(未連接數(shù)據(jù)庫(kù))
- AJAX和WebService實(shí)現(xiàn)郵箱驗(yàn)證(無(wú)刷新驗(yàn)證郵件地址是否合法)
- AJAX和三層架構(gòu)實(shí)現(xiàn)分頁(yè)功能具體思路及代碼
- 使用AJAX返回WebService里的集合具體實(shí)現(xiàn)
- AJAX獲取服務(wù)器當(dāng)前時(shí)間及時(shí)間格式輸出處理
- ajax傳遞多個(gè)參數(shù)具體實(shí)現(xiàn)
- ajax傳遞一個(gè)參數(shù)具體實(shí)現(xiàn)
- 滑輪滾動(dòng)到頁(yè)面底部ajax加載數(shù)據(jù)配合jsonp實(shí)現(xiàn)探討
- jQery ajax——load()方法示例介紹
- jQuery+Ajax實(shí)現(xiàn)表格數(shù)據(jù)不同列標(biāo)題排序(為表格注入活力)
AJAX教程Rss訂閱編程教程搜索
AJAX教程推薦
猜你也喜歡看這些
- xmlHttpRequest實(shí)踐之無(wú)刷新驗(yàn)證用戶名
- 談在AJAX中GET回的ResponseText中文亂碼的最簡(jiǎn)解決辦法
- ajax傳遞多個(gè)參數(shù)具體實(shí)現(xiàn)
- AJAX和傳統(tǒng)的ASP無(wú)刷新技術(shù)比較
- 站長(zhǎng)推薦:Ajax技術(shù)概述與現(xiàn)狀應(yīng)用
- 淺析AJAX中JavaScript類的三種成員
- 解讀AJAX是否能夠取代桌面應(yīng)用程序
- 揭秘Ajax 及其入門基礎(chǔ)
- AJAX教程之jQuery事件總結(jié)
- AJAX教程之AJAX的jQuery實(shí)現(xiàn)入門(一)
- 相關(guān)鏈接:
- 教程說(shuō)明:
AJAX教程-揭密各種AJAX控件和類庫(kù)
。