AJAX和DOM的運行經(jīng)驗
更新時間:2007年03月07日 00:00:00 作者:
被AJAX中DOM的操作郁悶了好幾天,今天總算搞明白了,自學(xué)就是苦啊,苦的一把鼻涕一把淚的,
把教訓(xùn)些出來,給后來者提個醒,老鳥就不要看了。
1.DOM中的對XML的操作不要和瀏覽器中的弄混掉了,比如getElementByName是瀏覽器中內(nèi)置document對象的DOM操作,你用來操作
responseXML就是錯誤的.在瀏覽器中,你可以使用document.getElementsByName('tagname')[0].value來獲取控件值,但是在操作
responseXML的時候你就必須使用getElementsByName('tagname')[0].firstChild.data (nodeValue一樣)。
2.如果你要應(yīng)用responseXML,那么你要在服務(wù)器的應(yīng)答服務(wù)中寫上response.setContentType("text/xml");
假如你的AJAX的代碼沒有一次通過,那么即使在你更改正確后,頁面也許還是錯誤的,這個是討厭的瀏覽器緩存造成的,
萬惡的緩存,我在這上面耽擱了至少1整天
所以你最好在服務(wù)器應(yīng)答頁面寫上禁止緩存的語句 response.setHeader("Cache-Control","no-cache");
(請求url后面+當(dāng)前系統(tǒng)的毫秒數(shù)也是一種方法。在js中用new Date().getTime()來獲取系統(tǒng)與某一特定時間的毫秒差額。).
3.因為當(dāng)前IE的一些標(biāo)準(zhǔn)不完全符合W3C。例如:
監(jiān)視控件的改變我們都知道onchange事件,但是對于text控件IE是不支持onchange屬性的,所幸我們
onpropertychange事件來監(jiān)聽text。
再如我們在除IE以外的瀏覽器中設(shè)置CSS屬性可以使用setAtrribute(),但是在IE中不支持,同樣我們使用
EObj.style.stylearrtibute=value來實現(xiàn)。
把教訓(xùn)些出來,給后來者提個醒,老鳥就不要看了。
1.DOM中的對XML的操作不要和瀏覽器中的弄混掉了,比如getElementByName是瀏覽器中內(nèi)置document對象的DOM操作,你用來操作
responseXML就是錯誤的.在瀏覽器中,你可以使用document.getElementsByName('tagname')[0].value來獲取控件值,但是在操作
responseXML的時候你就必須使用getElementsByName('tagname')[0].firstChild.data (nodeValue一樣)。
2.如果你要應(yīng)用responseXML,那么你要在服務(wù)器的應(yīng)答服務(wù)中寫上response.setContentType("text/xml");
假如你的AJAX的代碼沒有一次通過,那么即使在你更改正確后,頁面也許還是錯誤的,這個是討厭的瀏覽器緩存造成的,
萬惡的緩存,我在這上面耽擱了至少1整天
所以你最好在服務(wù)器應(yīng)答頁面寫上禁止緩存的語句 response.setHeader("Cache-Control","no-cache");
(請求url后面+當(dāng)前系統(tǒng)的毫秒數(shù)也是一種方法。在js中用new Date().getTime()來獲取系統(tǒng)與某一特定時間的毫秒差額。).
3.因為當(dāng)前IE的一些標(biāo)準(zhǔn)不完全符合W3C。例如:
監(jiān)視控件的改變我們都知道onchange事件,但是對于text控件IE是不支持onchange屬性的,所幸我們
onpropertychange事件來監(jiān)聽text。
再如我們在除IE以外的瀏覽器中設(shè)置CSS屬性可以使用setAtrribute(),但是在IE中不支持,同樣我們使用
EObj.style.stylearrtibute=value來實現(xiàn)。
相關(guān)文章
ASP+AJAX+ACCESS數(shù)據(jù)庫實例講解三個步驟分享
其實說起AJAX的初級應(yīng)用是非常簡單的,通俗的說就是客戶端(javascript)與服務(wù)端(asp或php等)腳本語言的數(shù)據(jù)交互2012-07-07基于Ajax和forms組件實現(xiàn)注冊功能的實例代碼
本文通過實例代碼給大家分享了基于Ajax和forms組件實現(xiàn)注冊功能,需要的朋友可以參考下2018-02-02健壯的AJAX源碼學(xué)習(xí)應(yīng)用示例
健壯的AJAX源碼學(xué)習(xí)應(yīng)用示例...2006-09-09使用AJAX返回WebService里的集合具體實現(xiàn)
如何使用AJAX返回WebService里的集合,在本文將有一個完美的實現(xiàn),感興趣的朋友可以參考下哈,希望可以幫助到你2013-05-05重寫 ajax 實現(xiàn) session 超時跳轉(zhuǎn)到登錄頁面實例代碼
這篇文章主要介紹了重寫 ajax 實現(xiàn) session 超時跳轉(zhuǎn)到登錄頁面實例代碼,需要的朋友可以參考下2017-05-05