一区二区国产高清视频在线_真人性做爰A片免费_强伦人妻BD在线电影_亚洲熟妇无码AV_免费人成视频在线观看网站_亚洲欧美精品午睡沙发_在线观看无码的免费网站_中文字幕无码A片久久_日韩欧美国产一区精品_久久精品女人天堂av

重慶醫(yī)科大學(xué)論壇

標(biāo)題: Ajax適用場景 [打印本頁]

作者: zouba 時間: 2007-9-17 09:42
標(biāo)題: Ajax適用場景

Ajax已經(jīng)成為大型網(wǎng)站所必有的技術(shù)。Ajax在網(wǎng)站的各個場景中，都可以看到。例如，
校友錄的登錄借口；
Google輸入關(guān)鍵字的文本框；
各大論壇上自動驗證用戶輸入的數(shù)據(jù)的文本框。

總起來，可以大致歸納為以下幾類：

1．表單驅(qū)動的交互

傳統(tǒng)的表單提交，在文本框輸入內(nèi)容后，點擊按鈕，后臺處理完畢后，頁面刷新，再回頭檢查是否刷新結(jié)果正確。使用Ajax，在點擊sunmit按鈕后，立刻進(jìn)行異步處理，并在頁面上快速顯示了更新后的結(jié)果，這里沒有整個頁面刷新的問題。例如校友錄登錄就是使用使用這種方式。

2．深層次的樹的導(dǎo)航

深層次的級聯(lián)菜單（樹）的遍歷是一項非常復(fù)雜的任務(wù)，使用JavaScript來控制顯示邏輯，使用Ajax延遲加載更深層次的數(shù)據(jù)可以有效的減輕服務(wù)器的負(fù)擔(dān)。以前的對級聯(lián)菜單的處理多數(shù)是這樣的：為了避免每次對菜單的操作引起的重載頁面，不采用每次調(diào)用后臺的方式，而是一次性將級聯(lián)菜單的所有數(shù)據(jù)全部讀取出來并寫入數(shù)組，然后根據(jù)用戶的操作用JavaScript來控制它的子集項目的呈現(xiàn)，這樣雖然解決了操作響應(yīng)速度、不重載頁面以及避免向服務(wù)器頻繁發(fā)送請求的問題，但是如果用戶不對菜單進(jìn)行操作或只對菜單中的一部分進(jìn)行操作的話，那讀取的數(shù)據(jù)中的一部分就會成為冗余數(shù)據(jù)而浪費(fèi)用戶的資源，特別是在菜單結(jié)構(gòu)復(fù)雜、數(shù)據(jù)量大的情況下（比如菜單有很多級、每一級菜又有上百個項目），這種弊端就更為突出。
如果在此案中應(yīng)用Ajax后，結(jié)果就會有所改觀：在初始化頁面時我們只讀出它的第一級的所有數(shù)據(jù)并顯示，在用戶操作一級菜單其中一項時，會通過Ajax向后臺請求當(dāng)前一級項目所屬的二級子菜單的所有數(shù)據(jù)，如果再繼續(xù)請求已經(jīng)呈現(xiàn)的二級菜單中的一項時，再向后面請求所操作二級菜單項對應(yīng)的所有三級菜單的所有數(shù)據(jù)，以此類推……這樣，用什么就取什么、用多少就取多少，就不會有數(shù)據(jù)的冗余和浪費(fèi)，減少了數(shù)據(jù)下載總量，而且更新頁面時不用重載全部內(nèi)容，只更新需要更新的那部分即可，相對于后臺處理并重載的方式縮短了用戶等待時間，也把對資源的浪費(fèi)降到最低。例如Google的首頁，收入不同的關(guān)鍵詞，就會自動提示響應(yīng)的關(guān)鍵字。

3．快速的用戶與用戶間的交流響應(yīng)
在眾多人參與的交流討論的場景下，最不爽的事情就是讓用戶一遍又一遍刷新頁面以便知道是否有新的討論出現(xiàn)。新的回復(fù)應(yīng)該以最快的速度顯示出來，而把用戶從分神的刷新中解脫出來，Ajax是最好的選擇。

4．類似投票、yes/no等無關(guān)痛癢的場景
對于類似這樣的場景中，如果提交過程需要達(dá)到40秒，很多的用戶就會直接忽略過去而不會參與，但是Ajax可以把時間控制在1秒之內(nèi)，從而更多的用戶會加入進(jìn)來。

5．對數(shù)據(jù)進(jìn)行過濾和操縱相關(guān)數(shù)據(jù)的場景
對數(shù)據(jù)使用過濾器，按照時間排序，或者按照時間和名稱排序，開關(guān)過濾器等等。任何要求具備很高交互性數(shù)據(jù)操縱的場合都應(yīng)該用JavaScript，而不是用一系列的服務(wù)器請求來完成。在每次數(shù)據(jù)更新后，再對其進(jìn)行查找和處理需要耗費(fèi)較多的時間，而Ajax可以加速這個過程。例如，新浪的郵箱就是采用了這些技術(shù)。

6．普通的文本輸入提示和自動完成的場景
在文本框等輸入表單中給予輸入提示，或者自動完成，可以有效的改善用戶體驗，尤其是那些自動完成的數(shù)據(jù)可能來自于服務(wù)器端的場合，Ajax是很好的選擇。這一點，Google做的最好。大家到Google的首頁輸入關(guān)鍵字，就會發(fā)現(xiàn)其優(yōu)點。

歡迎光臨重慶醫(yī)科大學(xué)論壇 (http://www.espacio12.com/)