1、AJAX
* AJAX的很多經典應用其實都是利用xmlhttp空間訪問背景程式,背景程式返回指令碼用eval回調或者返回簡單資料的方式來開發。這樣的開發模式的好處是設計簡單輕巧,對熟悉dhtml的開發人員來說上手會比較塊,跨瀏覽器問題也容易解決,做簡單的應用也夠用。gmail,google suggest都是用這種方式。但是在我看來gmail已經吧AJAX應用到極限了,更複雜的資料結構用簡單資料和回調方式來組織就開始有點力不從心了。
* 前AJAX的一種傳統做法是後台返回完整的xml檔案後用指令碼(利用控制項)解析xml後操作頁面的dom節點來動態產生頁面的一部分。這樣作的優點是可以充分利用xml的強大表達能力傳輸各種資料結構,缺點是頁面的dom操作效率不高,而且IE在dom操作的API上bug多多。之所以叫“前AJAX”,因為我們在AJAX這個名詞出現前已經這樣做了很多年了。
* AJAX另一種傳統做法是後台返回完整的xml檔案後用指令碼(利用控制項)解析xml後產生html代碼再灌回頁面的層中。這樣的做法迴避了頁面dom操作的一些問題,在產生的內容比較多的時候利用一些字串計算的最佳化技巧(主要是數組和正則的應用)可以相當高效的產生頁面。在我看來這是未來的發展趨勢。
* google的開源項目ajaxslt提供了一個純js的xslt解決方式,功能更強大,可以在頁面中局部的應用xslt解析xml產生html或者其他形式的資料,但是帶來了xslt這個技術門檻。
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。" , 如果用戶端不是簡體中文版的系統的時候就判斷不到了。其實這個地方只要有異常,都必須走異常處理流程了,不用區分的那麼仔細。
4、用戶端從伺服器端下載xml檔案
* xml檔案存放在textarea 中 var xslt = xmlParse(el('xslt').value);
* 從伺服器端下載檔案【將xslt檔案隱藏地放在html中可以減少下載的時間】
var xsltDoc=new ActiveXObject("MSXML2.DOMDocument");
xsltDoc.async = "false"; // 同步取資料
boolValue=xsltDoc.load("template.xml");
var xslt = xmlParse(xsltDoc.documentElement.xml);
* 非同步從伺服器取資料檔案
var xmlDoc = xmlHttp.responseXML.xml;
var xml = xmlParse(xmlDoc);
5、設定伺服器端返回格式
Response.Charset = "gb2312";
Response.ContentType = "text/xml";
Response.Write(m);
6、firefox responseXML.xml
在firefox中,不支援responseXML.xml,但是IE中支援。所以,在跨瀏覽器時,要盡量不使用responseXML.xml。