做了兩個月ajax,總結一些小經驗

來源:互聯網
上載者:User
ajax 1 AJAX還是AJAH
* AJAX的很多經典應用其實都是利用xmlhttp空間訪問背景程式,背景程式返回指令碼用eval回調或者返回簡單資料的方式來開發。這樣的開發模式的好處是設計簡單輕巧,對熟悉dhtml的開發人員來說上手會比較塊,跨瀏覽器問題也容易解決,做簡單的應用也夠用。gmail,google suggest都是用這種方式。但是在我看來gmail已經吧AJAH應用到極限了,更複雜的資料結構用簡單資料和回調方式來組織就開始有點力不從心了。

* 前AJAX的一種傳統做法是後台返回完整的xml檔案後用指令碼(利用控制項)解析xml後操作頁面的dom節點來動態產生頁面的一部分。這樣作的優點是可以充分利用xml的強大表達能力傳輸各種資料結構,缺點是頁面的dom操作效率不高,而且IE在dom操作的API上bug多多。之所以叫“前AJAX”,因為我們在AJAX這個名詞出現前已經這樣做了很多年了。

* AJAX另一種傳統做法是後台返回完整的xml檔案後用指令碼(利用控制項)解析xml後產生html代碼再灌回頁面的層中。這樣的做法迴避了頁面dom操作的一些問題,在產生的內容比較多的時候利用一些字串計算的最佳化技巧(主要是數組和正則的應用)可以相當高效的產生頁面。在我看來這是未來的發展趨勢。

我現在的項目主要採用的是第三種方式,結合第二種。我使用的是自己的一個小巧的架構,類比jsp的文法來產生html代碼,但是依賴於瀏覽器的xml解析API,因此難以跨瀏覽器。google的開源項目ajaxslt提供了一個純js的xslt解決方式,功能更強大,可以在頁面中局部的應用xslt解析xml產生html或者其他形式的資料,但是帶來了xslt這個技術門檻。sf上的ZK似乎也不錯,但是帶來的是xul這個技術門檻,同時後台被綁定在了J2EE伺服器上面。

2 CACHE
如果使用xmlhttp控制項,在發起http請求的時候IE會包辦cache策略,很多時候更新了資料卻無法獲得更新後的資料。一開始試圖用傳統方式在URL後面加隨機數來強制更新,但是IE仍然距不發出新的請求。
一個解決方案是在後台寫expires: 0或者其他的禁止前台cache的頭,但是這樣在資料沒有更新的時候又會帶來不必要的伺服器壓力、響應延遲和頻寬浪費。
一個稍微好一點的解決方案是,前台在提交資料以後,需要強制更新資料的時候:

xmlhttp.setRequestHeader("If-Modified-Since","0");

3 系統錯誤: -1072896748。 
用xmlhttp接收到資料的時候經常是用xmldom.loadXML(xmlhttp.responseXML.xml)來判斷返回的資料的正確性,但是如果後台送過來不正確的xml的時候有時回觸發-1072896748系統錯誤。這是因為xmlhttp.responseXML已經沒有解析到東西了,我們還試圖訪問它的xml屬性而觸發的。
解決的方法是在使用responseXML.xml 或者 responseText的時候要做try/catch:
try{var tmp = xmlhttp.responseXML.xml}catch(ex){err=true;}
有些人喜歡catch的時候判斷 exception.description=="系統錯誤: -1072896748。" , 如果用戶端不是簡體中文版的系統的時候就判斷不到了。其實這個地方只要有異常,都必須走異常處理流程了,不用區分的那麼仔細。
原文地址:http://www.blogjava.net/emu/archive/2005/11/22/20888.html

  • Ajax: 一個建立Web應用的新途徑
  • Ajax的錯誤處理機制探討(2)
  • Ajax的錯誤處理機制探討(1)
  • 初次體驗.NET Ajax無重新整理技術
  • Rails系統中的AJAX開發技術簡析(4)


相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.