現(xiàn)在距離gmail改變大家對(duì)使用網(wǎng)頁(yè)應(yīng)用程序的方式,已經(jīng)有一年多了。但是目前很多網(wǎng)頁(yè)應(yīng)用程序,并沒(méi)有使用充滿(mǎn)活力的Ajax的優(yōu)勢(shì),來(lái)代替以前沉悶的html功能。
下面是當(dāng)前網(wǎng)頁(yè)應(yīng)用程序應(yīng)該出現(xiàn)的地方：
表單是很慢的，非常慢。嘗試編輯位于del.icio.us上面的一個(gè)書(shū)簽？點(diǎn)擊編輯鏈接打開(kāi)一個(gè)編輯書(shū)簽的表單頁(yè)面，然后編輯你的內(nèi)容并點(diǎn)擊提交按鈕等待整個(gè)提交過(guò)程結(jié)束，最后返回上一頁(yè)并向下滾動(dòng)到你剛才編輯的書(shū)簽?zāi)抢锊榭磧?nèi)容是否已經(jīng)正確更改。那AJAX呢？點(diǎn)擊編輯鏈接馬上開(kāi)始更改標(biāo)簽內(nèi)容，點(diǎn)擊提交按鈕開(kāi)始異步傳輸標(biāo)簽編輯的內(nèi)容并立即看到更改后的內(nèi)容而無(wú)需重載整個(gè)頁(yè)面。
總而言之，帶有深層樹(shù)狀導(dǎo)航的應(yīng)用程序通常是一個(gè)噩夢(mèng)。在大多數(shù)情況中簡(jiǎn)單平直的拓?fù)浣Y(jié)構(gòu)以及搜索/標(biāo)記可以很好的工作。但是如果一個(gè)應(yīng)用程序真正使用深層樹(shù)狀導(dǎo)航，使用JavaScript來(lái)管理拓?fù)鋟i(user interface用戶(hù)接口)，則使用Ajax懶加載深層數(shù)據(jù)可以降低服務(wù)器的負(fù)載。舉例來(lái)說(shuō)，為了閱讀一個(gè)只有一行的結(jié)果來(lái)加載整個(gè)一個(gè)新頁(yè)面是非常耗時(shí)的。
- 實(shí)時(shí)用戶(hù)對(duì)用戶(hù)通訊
在一個(gè)允許用戶(hù)創(chuàng)建實(shí)時(shí)討論的信息公告系統(tǒng)中，迫使用戶(hù)一次又一次的更新完頁(yè)面看到答復(fù)是非常愚蠢的。回復(fù)應(yīng)該是實(shí)時(shí)的，用戶(hù)不應(yīng)被迫總是去癡迷于刷新操作。即使是gmail這個(gè)已經(jīng)對(duì)以前像hotmail/yahoo mail的收件箱刷新，刷新收件箱標(biāo)記的操作有所改進(jìn)，也并沒(méi)有充分的使用Ajax的功能來(lái)提示有新郵件到達(dá)。
- 投票、是否選擇、等級(jí)評(píng)價(jià)
如果Ajax提交過(guò)程沒(méi)有一個(gè)協(xié)調(diào)的UI提示是非常糟糕的，通過(guò)使用Ajax來(lái)提交一個(gè)調(diào)查或是否選擇可以減少提交過(guò)程等待的痛苦。通過(guò)減少點(diǎn)擊的等待時(shí)間，Ajax應(yīng)用程序變得越來(lái)越有交互性-如果要用40秒來(lái)提交一個(gè)投票，除非非常在意的話(huà)大多數(shù)人會(huì)選擇放棄。如果只花1秒呢，非常大比例的人會(huì)樂(lè)于參加投票的。（我在Netflix versus有2008張電影投票在IMDb.com有210張電影投票）
- 過(guò)濾和復(fù)雜數(shù)據(jù)操作
應(yīng)用一個(gè)過(guò)濾、按日期排序、按日期和姓名排序、打開(kāi)或關(guān)閉過(guò)濾器等等。任何一種高交換型操作應(yīng)該交給JavaScript來(lái)處理而不是通過(guò)向服務(wù)器來(lái)提交一系列的請(qǐng)求。在查找或者操作大量數(shù)據(jù)的時(shí)候帶來(lái)的視圖上的改變最多不會(huì)超過(guò)30秒，Ajax真的使這些操作加速了。
- 普通錄入時(shí)的提示/自動(dòng)補(bǔ)齊
一些軟件/JavaScript是擅長(zhǎng)于幫助用戶(hù)完成鍵入相同的文字或可以預(yù)測(cè)的文字的工作的。在del.icio.us 和 Gmail 中該功能是非常有益的，可以用來(lái)快速增加標(biāo)記/email等。
對(duì)于一個(gè)頻繁使用的應(yīng)用程序諸如網(wǎng)頁(yè)郵件客戶(hù)端或博客閱讀器來(lái)說(shuō)，用戶(hù)有充足的時(shí)間來(lái)學(xué)習(xí)如何使用新的UI概念但是他們卻無(wú)法接受一個(gè)非常緩慢 的反應(yīng)速度。這種應(yīng)用為Ajax變的更加普及起到了一個(gè)完美的杠桿作用。隨著用戶(hù)使用頻率的增加，更多的Ajax部件應(yīng)該加強(qiáng)用戶(hù)的使用體驗(yàn)。
但是對(duì)于網(wǎng)頁(yè)應(yīng)用程序來(lái)說(shuō)，把每件事甚至任何事都用JavaScript來(lái)實(shí)現(xiàn)也是沒(méi)有意義的。Ajax只是針對(duì)一些特定的環(huán)境才能帶來(lái)顯著的 幫助。在Ajax出現(xiàn)之前網(wǎng)頁(yè)應(yīng)用程序已經(jīng)可以工作的很好了并且目前在網(wǎng)頁(yè)開(kāi)發(fā)中Ajax還存在著許多的缺陷和缺點(diǎn)。就算不從服務(wù)器端取得一個(gè)異步的信息 數(shù)據(jù)流一個(gè)平直的html網(wǎng)頁(yè)日志也可以工作的很好。對(duì)于文檔或文檔之間的跳轉(zhuǎn)來(lái)說(shuō)，老舊的純HTML仍然是最好的選擇。簡(jiǎn)單或很少使用的應(yīng)用程序就算不 用JavaScript同樣可以很好的工作。
下面是一些不應(yīng)該用到Ajax的地方：
就算表單是Ajax技術(shù)的最大受益人，一個(gè)簡(jiǎn)單內(nèi)容的表單，或提交訂貨單，或一次性的很少用到的表單都不應(yīng)該使用以Ajax驅(qū)動(dòng)的表單提交機(jī)制。總的來(lái)說(shuō)，如果一個(gè)表單不是很長(zhǎng)用，或已經(jīng)工作的很好，那么就算使用Ajax也沒(méi)有什么幫助。
實(shí)時(shí)搜索帶來(lái)的痛苦要遠(yuǎn)大于他帶來(lái)的幫助。這就是為什么Google Suggest還處于beta測(cè)試而并沒(méi)有放在主頁(yè)上的原因。在Start.com Live.com上搜索的時(shí)候你是不能使用返回按鈕來(lái)查看上一次搜索或返回上一頁(yè)的。或許還沒(méi)有人來(lái)完成這項(xiàng)工作，但是完成這個(gè)工作應(yīng)該是很困難的至少是不太明知的或者會(huì)因此帶來(lái)更多的麻煩。（譯注：現(xiàn)在已經(jīng)有很多開(kāi)源的框架可以實(shí)現(xiàn)歷史記錄功能）
總的來(lái)說(shuō)，使用Ajax為一個(gè)基礎(chǔ)的網(wǎng)站/程序做導(dǎo)航是一個(gè)可怕的念頭。誰(shuí)會(huì)把用來(lái)使自己的程序變的更好的時(shí)間花在編寫(xiě)代碼模仿瀏覽器的行為上面？在基礎(chǔ)頁(yè)面中導(dǎo)航的操作中JavaScript是沒(méi)有用的。
Ajax可以不用整頁(yè)刷新來(lái)動(dòng)態(tài)更新頁(yè)面中改變的一小部分。但是如果一頁(yè)上的大部分內(nèi)容都需要更新，那為什么不從服務(wù)器那里獲得一個(gè)新頁(yè)面呢？
雖然看上去Ajax是一個(gè)純UI技術(shù)，其實(shí)不是這樣的。他實(shí)際上是一個(gè)數(shù)據(jù)同步、操作、傳輸?shù)募夹g(shù)。要想得到一個(gè)穩(wěn)定的干凈的網(wǎng)頁(yè)程序，不使用Ajax/JavaScript來(lái)直接完成用戶(hù)接口是明智的。JavaScript可以分散分布并簡(jiǎn)單的操作XHTML/HTML DOM，根據(jù)CSS規(guī)則來(lái)決定如何讓UI顯示數(shù)據(jù)。查看
這里（http://www.sourcelabs.com/blogs/ajb/2005/08/powering_javascript_ui_with_cs.html）
來(lái)查看如何使用CSS來(lái)替代JavaScript來(lái)控制數(shù)據(jù)的顯示。
滑塊選擇控件、拖拽控件、彈性控件（此處原文為bouncies，不知指為何物？）、鼠標(biāo)樣式、天氣預(yù)報(bào)控件，這些小部件應(yīng)該可以被更直接的控件代替或者為了整潔干脆整個(gè)去掉。為了選擇一種顏色，也許滑塊選擇控件可以選擇一個(gè)正確的陰影顏色，但是在一個(gè)商店中選擇一個(gè)價(jià)格，使用滑塊選擇控件選到分這個(gè)單位對(duì)于用戶(hù)來(lái)說(shuō)有點(diǎn)過(guò)分。
該文章在 2010/8/18 21:40:10 編輯過(guò)
400 186 1886
