Ajax中瀏覽器的緩存問題解決方法
更新時(shí)間：2013年06月03日 01:22:21 作者：
我們?cè)谧鲰?xiàng)目中，一般提交請(qǐng)求都會(huì)通過ajax來(lái)提交，但是測(cè)試的時(shí)候發(fā)現(xiàn)，每次提交后得到的數(shù)據(jù)都是一樣的，調(diào)試可以排除后臺(tái)代碼的問題，所以問題肯定是出在前臺(tái)
每次清除緩存后，就會(huì)得到一個(gè)新的數(shù)據(jù)，所以歸根到底就是瀏覽器緩存問題。糾結(jié)了很久，終于解決了，在這里總結(jié)一下。
我們都知道ajax能提高頁(yè)面載入的速度主要的原因是通過ajax減少了重復(fù)數(shù)據(jù)的載入，也就是說(shuō)在載入數(shù)據(jù)的同時(shí)將數(shù)據(jù)緩存到內(nèi)存中，一旦數(shù)據(jù)被加載其中，只要我們沒有刷新頁(yè)面，這些數(shù)據(jù)就會(huì)一直被緩存在內(nèi)存中，當(dāng)我們提交 的URL與歷史的URL一致時(shí)，就不需要提交給服務(wù)器，也就是不需要從服務(wù)器上面去獲取數(shù)據(jù)，雖然這樣降低了服務(wù)器的負(fù)載提高了用戶的體驗(yàn)，但是我們不能獲取最新的數(shù)據(jù)。為了保證我們讀取的信息都是最新的，我們就需要禁止他的緩存功能。
解決方案有如下幾種：
1、在ajax發(fā)送請(qǐng)求前加上 anyAjaxObj.setRequestHeader("If-Modified-Since","0")。
2、在ajax發(fā)送請(qǐng)求前加上 anyAjaxObj.setRequestHeader("Cache-Control","no-cache")。
3、在URL后面加上一個(gè)隨機(jī)數(shù)： "fresh=" + Math.random();。
4、在URL后面加上時(shí)間搓："nowtime=" + new Date().getTime();。
5、如果是使用jQuery，直接這樣就可以了$.ajaxSetup({cache:false})。這樣頁(yè)面的所有ajax都會(huì)執(zhí)行這條語(yǔ)句就是不需要保存緩存記錄。
我們都知道ajax能提高頁(yè)面載入的速度主要的原因是通過ajax減少了重復(fù)數(shù)據(jù)的載入，也就是說(shuō)在載入數(shù)據(jù)的同時(shí)將數(shù)據(jù)緩存到內(nèi)存中，一旦數(shù)據(jù)被加載其中，只要我們沒有刷新頁(yè)面，這些數(shù)據(jù)就會(huì)一直被緩存在內(nèi)存中，當(dāng)我們提交 的URL與歷史的URL一致時(shí)，就不需要提交給服務(wù)器，也就是不需要從服務(wù)器上面去獲取數(shù)據(jù)，雖然這樣降低了服務(wù)器的負(fù)載提高了用戶的體驗(yàn)，但是我們不能獲取最新的數(shù)據(jù)。為了保證我們讀取的信息都是最新的，我們就需要禁止他的緩存功能。
解決方案有如下幾種：
1、在ajax發(fā)送請(qǐng)求前加上 anyAjaxObj.setRequestHeader("If-Modified-Since","0")。
2、在ajax發(fā)送請(qǐng)求前加上 anyAjaxObj.setRequestHeader("Cache-Control","no-cache")。
3、在URL后面加上一個(gè)隨機(jī)數(shù)： "fresh=" + Math.random();。
4、在URL后面加上時(shí)間搓："nowtime=" + new Date().getTime();。
5、如果是使用jQuery，直接這樣就可以了$.ajaxSetup({cache:false})。這樣頁(yè)面的所有ajax都會(huì)執(zhí)行這條語(yǔ)句就是不需要保存緩存記錄。
相關(guān)文章
ajax實(shí)現(xiàn)上傳圖片保存到后臺(tái)并讀取的實(shí)例
下面小編就為大家分享一篇ajax實(shí)現(xiàn)上傳圖片保存到后臺(tái)并讀取的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來(lái)看看吧2018-01-01
AJAX 動(dòng)態(tài)獲取當(dāng)前時(shí)間(php)
利用AJAX動(dòng)態(tài)獲取當(dāng)前時(shí)間，客戶端time.php,服務(wù)器端time_check.php2009-11-11
巧用ajax請(qǐng)求服務(wù)器加載數(shù)據(jù)列表時(shí)提示loading的方法
下面小編就為大家?guī)?lái)一篇巧用ajax請(qǐng)求服務(wù)器加載數(shù)據(jù)列表時(shí)提示loading的方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2017-04-04
公司要做一個(gè)活動(dòng)頁(yè)面，在其過程中發(fā)現(xiàn)所有的接口，ajax請(qǐng)求跨域。這里對(duì)跨域做個(gè)簡(jiǎn)單介紹以及提供幾種解決辦法2016-12-12
本文為大家介紹下ajax如何打開新窗口，下面有段代碼，需要的朋友可以了解下2014-01-01
AJAX集天氣\IP\多國(guó)語(yǔ)言翻譯MP3(可同步LRC歌詞顯示)\萬(wàn)年歷查詢通
AJAX集天氣\IP\多國(guó)語(yǔ)言翻譯MP3(可同步LRC歌詞顯示)\萬(wàn)年歷查詢通...2007-09-09
Ajax+php實(shí)現(xiàn)商品分類三級(jí)聯(lián)動(dòng)
這篇文章主要介紹了Ajax+php實(shí)現(xiàn)商品分類三級(jí)聯(lián)動(dòng)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-08-08
使用ajax實(shí)現(xiàn)分頁(yè)技術(shù)
這篇文章主要為大家詳細(xì)介紹了如何使用ajax實(shí)現(xiàn)分頁(yè)技術(shù)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
使用Ajax生成流文件下載的功能，可以使用隱藏form的方式。需要的朋友可以參考下2013-07-07
AJAX = 異步 JavaScript 和 XML。JavaScript不用說(shuō)腳本語(yǔ)言，XML也不用說(shuō)可擴(kuò)展標(biāo)記語(yǔ)言用于存放數(shù)據(jù)信息2011-12-12