Ajax 的六個誤區(qū)小結分析
更新時間：2008年06月04日 23:02:22 作者：
Ajax到底是什么？是一個并不太容易掌握，但可以增加網站交互性的方法？是Web2.0的基石？還是又一輪網絡開發(fā)中的跟風？
就像以前流行過的閃爍字體、“濺水”頁(譯者：Splash page －Flash動畫或大圖片做的網站的簡介首頁，往往有個“跳過簡介”或“直接進入”的小按鈕)、和使用圓角（譯者：見YeeYan首頁抬頭，呵呵），只是這次動態(tài)性更強？
讓我們看看有關Ajax的幾個誤區(qū)，撥開迷霧、發(fā)掘真相。
誤區(qū)一：AJAX 是Asynchronous JavaScript and XML 的縮寫。你寫這個詞時，應該用大寫字母拼寫，要不就顯得很無知。
事實上，根據 Ajax 這個詞的創(chuàng)造者Jesse James的介紹，Ajax可不僅僅是個縮寫詞。它是一系列技術用特定方式結合在一起的整體。它包括JavaScript，CSS, DOM 和運用 XMLHttpRequest 對象進行客戶端與服務器間的數(shù)據傳輸。從服務器傳到客戶端的數(shù)據格式不一定是XML，還可以是 JSON（Javascript 中的對象）或其他數(shù)據格式?？傊當?shù)據的傳輸是少量、遞增的（譯者：而不是傳統(tǒng)的刷新整個頁面）。所以，你要是想顯擺一下自己是很懂的技術高手，用Ajax，而不是AJAX。您自己判斷是不是想顯擺自己吧。
誤區(qū)二：看看Gmail和Google Map吧，Ajax 會讓你的網站可用性更強。
事實上，使用Ajax 有可能讓你的網站可用性增強，但也可能使你的網站變得讓人可憎得難用。全新設計的Yahoo 電視節(jié)目列表就是這樣一個反面教材。（譯者：對新版Yahoo電視節(jié)目列表的反面評價主要認為Ajax的翻頁功能讓原來一頁上列出所有電視節(jié)目的可用性變得更差，比如不能在一頁中進行查找等，雖然翻頁功能本身做得很漂亮。）
誤區(qū)三：Ajax只是面子工程－－僅僅是表面上看著挺酷和視覺效果。
事實上，如果有正確的設計和實施，Ajax 的網絡應用應該比傳統(tǒng)的CGI類型的，以服務器端處理為主體的（如ASP.NET或Java Server Pages,JSP）網絡應用具有更好的可擴展性，和讓用戶體驗到更快的反應速度。如需要了解技術細節(jié)，請參見IBM的Bill Higgins寫的有關Ajax和REST的第一部分。這是我的總結：傳統(tǒng)的CGI類型的，以服務器端處理為主體的網絡應用，客戶端不保存（網絡應用執(zhí)行的）狀態(tài)（Stateless），狀態(tài)的保存完全由服務器實施（Stateful server）。這使得服務器產生的結果（譯者：比如動態(tài)從數(shù)據庫讀取的數(shù)據）只能一次性使用而不能被緩存(cache)下來再利用。這破壞了REST構架中的可擴展性原則。而Ajax能將狀態(tài)保存在客戶端，從而實現(xiàn)常用資源，如重復使用的數(shù)據和源程序（譯者：應該是指Javascript），可以有效被緩存和再利用。
誤區(qū)四：Ajax 對于一般網絡開發(fā)人員很難掌握
Ajax 確實不容易。但它的使用難度正在逐步降低。有若干因素造成Ajax的實施難度：對不同瀏覽器兼容性的支持，開發(fā)工具的不足，以及對開發(fā)人員思維方式轉變的要求－－從過去以服務器端處理為主體的網絡應用，轉變到新的在客戶端保存狀態(tài)、逐步上傳數(shù)據的應用。但由于Ajax越來越普及，很多開發(fā)工具和平臺提供商以及開源軟件開發(fā)者都在著力解決這一問題。這里列出若干對Ajax開發(fā)員有用的工具：Google 網絡開發(fā)工具箱（給Java開發(fā)員的），dojo跨瀏覽器平臺，script.aculo.us 長于提供視覺效果，以及用來調試JavaScript 程序、監(jiān)視XMLHttpRequest的（FireFox插件）Firebug，等等。
誤區(qū)五：Ajax 會破壞用戶使用瀏覽器的體驗（Ajax breaks the browser model）
確實，Ajax的應用有可能造成瀏覽器使用的問題，如破壞“返回鍵” 功能，讓用戶不知所以，讓有殘障的用戶完全無法使用網站。但傳統(tǒng)技術也可能產生類似問題：如使用框架（frames）或者Flash往往也會破壞“返回鍵” 功能；即便不用Ajax，糟糕的設計也能讓一個網站把用戶完全搞暈；即便使用最單純的HTML也很難做到讓有殘障的用戶順利使用網站。這些是需要有意識地去注意和學習的方面，并不是僅存在于Ajax應用中的問題。
誤區(qū)六：Ajax 是web2.0的關鍵組成部分
這要看你如何定義web2.0了。我認為web2.0和web1.0的區(qū)別主要在于社會層面而不是技術層面。從web1.0 到web2.0最重要的范式轉變（paradigm shift）在于web2.0是雙向的網絡，可讀寫的網絡和社會網絡。而不是“讓我們開家網上商店”的那個網絡。按照這個定義，我們可以完全不用Ajax來實施web2.0。大多數(shù)博客不用Ajax；沒有Ajax，維基百科照樣能煥發(fā)它的異彩；社會化網絡也不需要Ajax；Flickr 之所以吸引人是因為它是一個照片的社會化平臺，而不是它使用的DHTML技術。
更多Ajax的相關資料（譯者：建議深度閱讀、推薦和翻譯）
我個人最喜歡的有關 Ajax 的博客是Ajaxian 和 Shelley Power的“技術女狂人” 。Shelley 寫的《添加Ajax》很快將會由O'Reilly 出版。而本文的寫作參考了Bill Higgins 的關于Ajax和REST構架的文章（第一部分，第二部分。）
聲明：IBM是我的客戶。
譯者：壓題圖片是原作者的照片。另外，原文上有原作者詳細的聯(lián)系方式。
讓我們看看有關Ajax的幾個誤區(qū)，撥開迷霧、發(fā)掘真相。
誤區(qū)一：AJAX 是Asynchronous JavaScript and XML 的縮寫。你寫這個詞時，應該用大寫字母拼寫，要不就顯得很無知。
事實上，根據 Ajax 這個詞的創(chuàng)造者Jesse James的介紹，Ajax可不僅僅是個縮寫詞。它是一系列技術用特定方式結合在一起的整體。它包括JavaScript，CSS, DOM 和運用 XMLHttpRequest 對象進行客戶端與服務器間的數(shù)據傳輸。從服務器傳到客戶端的數(shù)據格式不一定是XML，還可以是 JSON（Javascript 中的對象）或其他數(shù)據格式?？傊當?shù)據的傳輸是少量、遞增的（譯者：而不是傳統(tǒng)的刷新整個頁面）。所以，你要是想顯擺一下自己是很懂的技術高手，用Ajax，而不是AJAX。您自己判斷是不是想顯擺自己吧。
誤區(qū)二：看看Gmail和Google Map吧，Ajax 會讓你的網站可用性更強。
事實上，使用Ajax 有可能讓你的網站可用性增強，但也可能使你的網站變得讓人可憎得難用。全新設計的Yahoo 電視節(jié)目列表就是這樣一個反面教材。（譯者：對新版Yahoo電視節(jié)目列表的反面評價主要認為Ajax的翻頁功能讓原來一頁上列出所有電視節(jié)目的可用性變得更差，比如不能在一頁中進行查找等，雖然翻頁功能本身做得很漂亮。）
誤區(qū)三：Ajax只是面子工程－－僅僅是表面上看著挺酷和視覺效果。
事實上，如果有正確的設計和實施，Ajax 的網絡應用應該比傳統(tǒng)的CGI類型的，以服務器端處理為主體的（如ASP.NET或Java Server Pages,JSP）網絡應用具有更好的可擴展性，和讓用戶體驗到更快的反應速度。如需要了解技術細節(jié)，請參見IBM的Bill Higgins寫的有關Ajax和REST的第一部分。這是我的總結：傳統(tǒng)的CGI類型的，以服務器端處理為主體的網絡應用，客戶端不保存（網絡應用執(zhí)行的）狀態(tài)（Stateless），狀態(tài)的保存完全由服務器實施（Stateful server）。這使得服務器產生的結果（譯者：比如動態(tài)從數(shù)據庫讀取的數(shù)據）只能一次性使用而不能被緩存(cache)下來再利用。這破壞了REST構架中的可擴展性原則。而Ajax能將狀態(tài)保存在客戶端，從而實現(xiàn)常用資源，如重復使用的數(shù)據和源程序（譯者：應該是指Javascript），可以有效被緩存和再利用。
誤區(qū)四：Ajax 對于一般網絡開發(fā)人員很難掌握
Ajax 確實不容易。但它的使用難度正在逐步降低。有若干因素造成Ajax的實施難度：對不同瀏覽器兼容性的支持，開發(fā)工具的不足，以及對開發(fā)人員思維方式轉變的要求－－從過去以服務器端處理為主體的網絡應用，轉變到新的在客戶端保存狀態(tài)、逐步上傳數(shù)據的應用。但由于Ajax越來越普及，很多開發(fā)工具和平臺提供商以及開源軟件開發(fā)者都在著力解決這一問題。這里列出若干對Ajax開發(fā)員有用的工具：Google 網絡開發(fā)工具箱（給Java開發(fā)員的），dojo跨瀏覽器平臺，script.aculo.us 長于提供視覺效果，以及用來調試JavaScript 程序、監(jiān)視XMLHttpRequest的（FireFox插件）Firebug，等等。
誤區(qū)五：Ajax 會破壞用戶使用瀏覽器的體驗（Ajax breaks the browser model）
確實，Ajax的應用有可能造成瀏覽器使用的問題，如破壞“返回鍵” 功能，讓用戶不知所以，讓有殘障的用戶完全無法使用網站。但傳統(tǒng)技術也可能產生類似問題：如使用框架（frames）或者Flash往往也會破壞“返回鍵” 功能；即便不用Ajax，糟糕的設計也能讓一個網站把用戶完全搞暈；即便使用最單純的HTML也很難做到讓有殘障的用戶順利使用網站。這些是需要有意識地去注意和學習的方面，并不是僅存在于Ajax應用中的問題。
誤區(qū)六：Ajax 是web2.0的關鍵組成部分
這要看你如何定義web2.0了。我認為web2.0和web1.0的區(qū)別主要在于社會層面而不是技術層面。從web1.0 到web2.0最重要的范式轉變（paradigm shift）在于web2.0是雙向的網絡，可讀寫的網絡和社會網絡。而不是“讓我們開家網上商店”的那個網絡。按照這個定義，我們可以完全不用Ajax來實施web2.0。大多數(shù)博客不用Ajax；沒有Ajax，維基百科照樣能煥發(fā)它的異彩；社會化網絡也不需要Ajax；Flickr 之所以吸引人是因為它是一個照片的社會化平臺，而不是它使用的DHTML技術。
更多Ajax的相關資料（譯者：建議深度閱讀、推薦和翻譯）
我個人最喜歡的有關 Ajax 的博客是Ajaxian 和 Shelley Power的“技術女狂人” 。Shelley 寫的《添加Ajax》很快將會由O'Reilly 出版。而本文的寫作參考了Bill Higgins 的關于Ajax和REST構架的文章（第一部分，第二部分。）
聲明：IBM是我的客戶。
譯者：壓題圖片是原作者的照片。另外，原文上有原作者詳細的聯(lián)系方式。
相關文章
這篇文章主要介紹了使用AJAX實現(xiàn)上傳文件，無需任何插件，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-10-10
ajax本身實際上是通過XMLHttpRequest對象來進行數(shù)據的交互，而瀏覽器出于安全考慮，不允許js代碼進行跨域操作，會警告，所以才出現(xiàn)ajax跨域的問題。2015-10-10
巧用ajax請求服務器加載數(shù)據列表時提示loading的方法
下面小編就為大家?guī)硪黄捎胊jax請求服務器加載數(shù)據列表時提示loading的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-04-04
這篇文章主要為大家詳細介紹了ajax實現(xiàn)省市三級聯(lián)動效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-12-12
這篇文章主要為大家詳細介紹了使用Ajax時處理用戶session失效問題的解決方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
我很開心您來閱讀我寫的關于ajax的實例教程,無論您是第一次還是老朋友.我將在這里獻上我至今所學,并毫不吝嗇。2010-10-10
AJAX和WebService實現(xiàn)郵箱驗證(無刷新驗證郵件地址是否合法)
首先在項目里面添加服務引用，驗證 Email 地址是否正確（郵件地址合法、只是域名正確、郵件服務器沒有找到等等）感興趣的朋友可以參考下哈2013-05-05
ajax是一種在無需重新加載整個網頁的情況下，能夠更新部分網頁的技術。下面通過本文給大家分享Ajax異步請求技術實例講解，非常不錯，具有參考借鑒價值，需要的的朋友參考下吧2017-08-08
這篇文章主要介紹了雙層ajax嵌套（可多層）用法,實例分析了Ajax嵌套的相關使用技巧,可實現(xiàn)多層嵌套的功能,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07
AJAX 是一種與服務器交換數(shù)據的技術，本文給大家分享四種ajax常用的請求方式，感興趣的朋友跟著小編一起看看吧2016-10-10