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