AJAX應用技巧

2021-05-23 11:13:00 字數 1162 閱讀 4346

xmlhttprequest瀏覽器快取問題

在firefox瀏覽器中,xmlhttprequest物件相相同的url傳送請求時,瀏覽器每次都會向伺服器傳送請求,不存在快取的問題,而ie瀏覽器如果url請求位址相同時,瀏覽器會讀取其快取中的內容進行響應,而不再向伺服器傳送請求,解決瀏覽器快取的辦法是:在url後面加上時間戳引數,使瀏覽器認為請求的url不同,而不再讀取快取。

ajax傳遞中文亂碼問題

當使用ajax處理中文引數時,瀏覽器會顯示亂碼,解決方法有如下兩種解決方案:

方案一:

頁面端:使用endcodeuri(引數)對中文引數進行編碼。

伺服器端:使用new string(引數.getbytes(「iso8859-1」),」utf-8」);對引數進行重新編碼為utf-8。

缺點:伺服器可能不是使用iso8859-1,硬編碼不方便修改。

方案二:

頁面端:使用endcodeuri(endcodeuri(引數))對中文引數進行兩次編碼。

伺服器端:使用urldecoder.decode(引數,」utf-8」);進行utf-8解碼。

此方法是推薦使用。

ajax跨域訪問問題

web頁面跨域訪問時,會引起安全問題,因此,firefox瀏覽器不允許跨越訪問,ie瀏覽器會給出乙個警告提示。如果要使ajax程式可以順利地跨域訪問解決方案如下:

頁面端:將跨域訪問的http url請求位址中的「?」用「&」代替,然後將當前的url變為proxy?url=改變後的url;

伺服器端:編寫乙個名為proxy的servlet用於處理跨域訪問,其編寫思路如下:

a.   

解析url和其引數,將其重新拼接成原始跨域訪問的url。

b.   

訪問url位址,並將獲得的內容返回給頁面端。

post方式和get方式有所不同,post方式的引數是在http請求的body中,而get方式的引數是在請求的url中,因此**有所不同。

post方式核心**如下:

get方式核心**如下:

AJAX開發技巧

值得留意的還有和css一樣的批量選擇語法 傳統的基於url的ajax函式簡單實用。newajax.updater bookdiv foo jsp 另有可定時執行ajax的periodicalupdater。form.serialize 將form中所有input物件的值轉化為乙個url string...

Ajax應用詳解

mlhttprequest 物件是ajax功能的核心,要開發ajax程式必須從了解xmlhttprequest 物件開始。了解xmlhttprequest 物件就先從建立xmlhttprequest 物件開始,在不同的瀏覽器中建立xmlhttprequest 物件使用不同的方法 先看看ie建立xml...

開始應用AJAX

好久沒有研究技術的東東了,再去練習一下都快變老了。趁這個機會正好教教女朋友,讓她也熟悉一下程式設計是怎麼回事,說不定還培養出來個高手來。前段時間看了一些ajax的電子書,對這樣的原理和框架有所了解了。現在準備做乙個比較大膽的計畫,把原有的ocx控制項的功能全部通過ajax的方式替換掉。不知道後面會有...