Ajax中瀏覽器的緩存問題解決方法
更新時間：2013年06月03日 01:22:21 作者：
我們在做項目中，一般提交請求都會通過ajax來提交，但是測試的時候發(fā)現(xiàn)，每次提交后得到的數(shù)據(jù)都是一樣的，調(diào)試可以排除后臺代碼的問題，所以問題肯定是出在前臺
每次清除緩存后，就會得到一個新的數(shù)據(jù)，所以歸根到底就是瀏覽器緩存問題。糾結(jié)了很久，終于解決了，在這里總結(jié)一下。
我們都知道ajax能提高頁面載入的速度主要的原因是通過ajax減少了重復(fù)數(shù)據(jù)的載入，也就是說在載入數(shù)據(jù)的同時將數(shù)據(jù)緩存到內(nèi)存中，一旦數(shù)據(jù)被加載其中，只要我們沒有刷新頁面，這些數(shù)據(jù)就會一直被緩存在內(nèi)存中，當(dāng)我們提交 的URL與歷史的URL一致時，就不需要提交給服務(wù)器，也就是不需要從服務(wù)器上面去獲取數(shù)據(jù)，雖然這樣降低了服務(wù)器的負(fù)載提高了用戶的體驗，但是我們不能獲取最新的數(shù)據(jù)。為了保證我們讀取的信息都是最新的，我們就需要禁止他的緩存功能。
解決方案有如下幾種：
1、在ajax發(fā)送請求前加上 anyAjaxObj.setRequestHeader("If-Modified-Since","0")。
2、在ajax發(fā)送請求前加上 anyAjaxObj.setRequestHeader("Cache-Control","no-cache")。
3、在URL后面加上一個隨機(jī)數(shù)： "fresh=" + Math.random();。
4、在URL后面加上時間搓："nowtime=" + new Date().getTime();。
5、如果是使用jQuery，直接這樣就可以了$.ajaxSetup({cache:false})。這樣頁面的所有ajax都會執(zhí)行這條語句就是不需要保存緩存記錄。
我們都知道ajax能提高頁面載入的速度主要的原因是通過ajax減少了重復(fù)數(shù)據(jù)的載入，也就是說在載入數(shù)據(jù)的同時將數(shù)據(jù)緩存到內(nèi)存中，一旦數(shù)據(jù)被加載其中，只要我們沒有刷新頁面，這些數(shù)據(jù)就會一直被緩存在內(nèi)存中，當(dāng)我們提交 的URL與歷史的URL一致時，就不需要提交給服務(wù)器，也就是不需要從服務(wù)器上面去獲取數(shù)據(jù)，雖然這樣降低了服務(wù)器的負(fù)載提高了用戶的體驗，但是我們不能獲取最新的數(shù)據(jù)。為了保證我們讀取的信息都是最新的，我們就需要禁止他的緩存功能。
解決方案有如下幾種：
1、在ajax發(fā)送請求前加上 anyAjaxObj.setRequestHeader("If-Modified-Since","0")。
2、在ajax發(fā)送請求前加上 anyAjaxObj.setRequestHeader("Cache-Control","no-cache")。
3、在URL后面加上一個隨機(jī)數(shù)： "fresh=" + Math.random();。
4、在URL后面加上時間搓："nowtime=" + new Date().getTime();。
5、如果是使用jQuery，直接這樣就可以了$.ajaxSetup({cache:false})。這樣頁面的所有ajax都會執(zhí)行這條語句就是不需要保存緩存記錄。
相關(guān)文章
配置Chrome支持本地（file協(xié)議）的AJAX請求
這篇文章主要為大家詳細(xì)介紹了配置Chrome支持本地（file協(xié)議）的AJAX請求 ，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
這篇文章主要是對Ajax中同步與異步之間的區(qū)別進(jìn)行了詳細(xì)的分析介紹。需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
AJAX客戶端說明，XMLHttpRequest對象...2007-01-01
ajax實現(xiàn)從后臺拿數(shù)據(jù)顯示在HTML前端的方法
今天小編就為大家分享一篇ajax實現(xiàn)從后臺拿數(shù)據(jù)顯示在HTML前端的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
我們都知道，異步刷新是ajax中非常重要的一個功能，這篇文章主要來介紹一下有關(guān)ajax中異步刷新的知識，以及一個簡單的注冊案例。感興趣的小伙伴可以了解一下2021-11-11
這篇文章主要為大家詳細(xì)介紹了輕量ajax組件編寫第三篇實現(xiàn)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-04-04
一個簡單的AJAX請求類...2006-12-12
jquery訪問servlet并返回數(shù)據(jù)到頁面的方法
這篇文章主要介紹了jquery訪問servlet并返回數(shù)據(jù)到頁面的方法,實例分析了jQuery操作servlet實現(xiàn)Ajax的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02
這篇文章主要為大家詳細(xì)介紹了ajax三級聯(lián)動的實現(xiàn)代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
這篇文章主要為大家詳細(xì)介紹了AJAX檢測用戶名是否存在，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-12-12