Ajax適用場景
2006/12/15 23:22:30
  Ajax適用場景

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

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

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

  深層次的級聯(lián)菜單(樹)的遍歷是一項非常復(fù)雜的任務(wù),使用JavaScript來控制顯示邏輯,使用Ajax延遲加載更深層次的數(shù)據(jù)可以有效的減輕服務(wù)器的負擔(dān)。

  我們以前的對級聯(lián)菜單的處理多數(shù)是這樣的:

  為了避免每次對菜單的操作引起的重載頁面,不采用每次調(diào)用后臺的方式,而是一次性將級聯(lián)菜單的所有數(shù)據(jù)全部讀取出來并寫入數(shù)組,然后根據(jù)用戶的操作用 JavaScript來控制它的子集項目的呈現(xiàn),這樣雖然解決了操作響應(yīng)速度、不重載頁面以及避免向服務(wù)器頻繁發(fā)送請求的問題,但是如果用戶不對菜單進行 操作或只對菜單中的一部分進行操作的話,那讀取的數(shù)據(jù)中的一部分就會成為冗余數(shù)據(jù)而浪費用戶的資源,特別是在菜單結(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ù)的冗余和浪費,減少了數(shù)據(jù)下載總量,而且更新頁面時不用重載全部內(nèi)容,只更新需要更新的那部分即可,相對于后臺處理并重載的方式縮短了 用戶等待時間,也把對資源的浪費降到最低。

  3.快速的用戶與用戶間的交流響應(yīng)

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

  4.類似投票、yes/no等無關(guān)痛癢的場景

  對于類似這樣的場景中,如果提交過程需要達到40秒,很多的用戶就會直接忽略過去而不會參與,但是Ajax可以把時間控制在1秒之內(nèi),從而更多的用戶會加入進來。

  5.對數(shù)據(jù)進行過濾和操縱相關(guān)數(shù)據(jù)的場景

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

  6.普通的文本輸入提示和自動完成的場景

  在文本框等輸入表單中給予輸入提示,或者自動完成,可以有效的改善用戶體驗,尤其是那些自動完成的數(shù)據(jù)可能來自于服務(wù)器端的場合,Ajax是很好的選擇。

  Ajax不適用場景

  1.部分簡單的表單

  雖然表單提交可以從Ajax獲取最大的益處,但一個簡單的評論表單極少能從Ajax得到什么明顯的改善。而一些較少用到的表單提交,Ajax則幫不上什么忙。

  2.搜索

  有些使用了Ajax的搜索引擎如Start.com和Live.com不允許使用瀏覽器的后退按鈕來查看前一次搜索的結(jié)果,這對已經(jīng)養(yǎng)成搜索習(xí)慣的用戶來說是不可原諒的。

  現(xiàn)在Dojo通過iframe來解決這個問題。

  3.基本的導(dǎo)航

  使用Ajax來做站點內(nèi)的導(dǎo)航是一個壞主意,為什么不把時間放在讓系統(tǒng)程序作的更好上呢?

  4.替換大量的文本

  使用Ajax可以實現(xiàn)頁面的局部刷新,但是如果頁面的每個部分都改變了,為什么不重新做一次服務(wù)器請求呢?

  5.對呈現(xiàn)的

下一頁
返回列表
返回首頁 主站蜘蛛池模板: 欧美v在线观看| 国产另类TS人妖一区二区| 四虎国产精品成人免费久久 | 国产精品久久久亚洲| 中文字幕人成无码人妻| 老子影院午夜精品无码| 国内精品人妻无码久久久影院导航 | 国产精品爆乳在线播放第一人称| 久久久久国色av免费观看| 永久看一二三四线| 国产中文字幕第一页| 91香蕉国产线观看免| 无码不卡中文字幕av| 亚洲成a人片在线观看精品| 色噜噜人体337p人体| 国产精品毛片无遮挡高清| a级毛片高清免费视频| 日韩午夜在线观看| 亚洲色婷婷综合久久| 蝌蚪蚪窝视频在线视频手机 | 国产午夜精品一区二区三区| GOGOGO免费高清在线中国| 日本精品αv中文字幕| 亚洲欧美日韩高清在线电影| 色噜噜在线视频| 国产又爽又黄又无遮挡的激情视频 | 久久精品国产清自在天天线 | 一级爱爱片一级毛片-一毛| 欧美jlzz18性欧美| 亚洲国产精品自产在线播放| 精品少妇人妻AV一区二区三区| 国产白白白在线永久播放| www.中文字幕在线| 日本肉体裸交xxxxbbbb| 亚洲av午夜成人片| 热久久视久久精品18国产| 国产AV无码专区亚洲AV| 人人揉人人爽五月天视频| 在车上狠狠的吸她的奶| 久久中文字幕一区二区| 欧美三级在线免费观看|