ajax呼叫中ie快取問題解決方法

這篇文章主要介紹了ajax調用中ie緩存問題解決方法,較為詳細的分析了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傳送參數含有特殊字元的快速解決方法

##

以上是ajax呼叫中ie快取問題解決方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！