ajax調用中ie緩存問題解決方法

本文實例分析了ajax調用中ie緩存問題解決方法。分享給大家供大家參考，具體如下：

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方式）

上面是我整理給大家的，希望今后會對大家有幫助。

相關文章：

詳解Ajax和form+iframe 實現文件上傳的方法

淺析巧用Ajax的beforeSend提高用戶體驗

ajax傳送參數含有特殊字符的快速解決方法

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com