解決ajax調用中ie的緩衝問題
來源:互聯網
上載者:User
ajax請求調用的過程中發現的問題:後台請求是一個簡單的.aspx檔案,而這個頁面又沒有考慮過緩衝的影響,使用ajax調試的時候發現有時候根本不走後台代碼直接返回結果了,所以估計是受到瀏覽器緩衝的影響。網上搜了一下,果然是緩衝的問題:“
IE中如果XMLHttpRequest提交的URL與曆史一樣則使用緩衝,根本不向伺服器端提交。因此無法取到剛提交的資料或新的資料”。
解決方案大致有下面幾種:
1、只改進伺服器端
(1)後台是簡單的.aspx檔案,直接加上<%@ OutPutCache Location="None"%>即可。
(2)但是如果後台是.ashx檔案通常在類裡直接修改緩衝設定。
context.Response.Cache.SetCacheability(HttpCacheability.NoCache);
2、只改進用戶端
(1)利用加隨機數或加時間戳記改變請求地址
a、加隨機數:var url='AjaxOperations.aspx?rdm='+Math.random()+'&action='+op;
b、加時間戳記:var url='AjaxOperations.aspx?dtStamp='+new Date().getTime()+'&action='+op;
這一種解決方案,只需要加個時間或隨機數作為參數,伺服器端不需要任何改動就可以達到目的。
(2)前台非同步呼叫設定XMLHttpRequest對象的屬性
在XMLHttpRequest發送請求之前加上
XMLHttpRequest.setRequestHeader("If-Modified-Since","0"),個人認為這個才是“正道”。因為你不能明確哪些ajax請求是需要還是不需要緩衝的(解決網站的效能瓶頸,利用有緩衝的ajax居多),所以每次在發送請求的時候確認一下是否要緩衝,相對於2中的第(1)條顯然少寫了一個url參數,而且伺服器端(改進方法1)也不需要改變設定,但是對於已經封裝好的ajax庫,你可能已經不能在外面直接使用XMLHttpRequest對象了,通常的設定文法可能是將("If-Modified-Since","0")作為參數傳遞:ajaxObj.sendPost(其他參數列表,...."If-Modified-Since","0"); (post方式)
或者 ajaxObj.sendGet(其他參數列表,...."If-Modified-Since","0"); (get方式)