Ajax解決瀏覽器的緩存問題

2024-04-27 15:11:58

字體：大中小

供稿：網(wǎng)友

今天做項目，幾乎所有的提交都是通過Ajax來提交，我測試的時候發(fā)現(xiàn)，每次提交后得到的數(shù)據(jù)都是一樣的，調(diào)試可以排除后臺代碼的問題，所以問題肯定是出在前臺。每次清除緩存后，就會得到一個新的數(shù)據(jù)，所以歸根到底就是瀏覽器緩存問題。糾結(jié)了很久，終于解決了，在這里總結(jié)一下。我們都知道ajax能提高頁面載入的速度主要的原因是通過ajax減少了重復數(shù)據(jù)的載入，也就是說在載入數(shù)據(jù)的同時將數(shù)據(jù)緩存到內(nèi)存中，一旦數(shù)據(jù)被加載其中，只要我們沒有刷新頁面，這些數(shù)據(jù)就會一直被緩存在內(nèi)存中，當我們提交的URL與歷史的URL一致時，就不需要提交給服務器，也就是不需要從服務器上面去獲取數(shù)據(jù)，雖然這樣降低了服務器的負載提高了用戶的體驗，但是我們不能獲取最新的數(shù)據(jù)。為了保證我們讀取的信息都是最新的，我們就需要禁止他的緩存功能。解決方案有如下幾種： 1、在ajax發(fā)送請求前加上 anyAjaxObj.setRequestHeader("If-Modified-Since","0")。 2、在ajax發(fā)送請求前加上 anyAjaxObj.setRequestHeader("Cache-Control","no-cache")。 3、在URL后面加上一個隨機數(shù)： "fresh=" + Math.random();。 4、在URL后面加上時間搓："nowtime=" + new Date().getTime();。 5、如果是使用jQuery，直接這樣就可以了$.ajaxSetup({cache:false})。這樣頁面的所有ajax都會執(zhí)行這條語句就是不需要保存緩存記錄。

上一篇：jquery之a(chǎn)jaxfileupload異步上傳插件

下一篇：微信H5video視頻問題