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