西西軟件園多重安全檢測下載網(wǎng)站、值得信賴的軟件下載站!
軟件
軟件
文章
搜索

首頁編程開發(fā)其它知識 → Ajax解決瀏覽器的緩存問題

Ajax解決瀏覽器的緩存問題

相關(guān)軟件相關(guān)文章發(fā)表評論 來源:西西整理時間:2013/5/21 8:43:23字體大小:A-A+

作者:西西點擊:102次評論:0次標(biāo)簽: Ajax

我們在做項目中,一般提交請求都會通過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ù)器的負載提高了用戶的體驗,但是我們不能獲取最新的數(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í)行這條語句就是不需要保存緩存記錄。

    相關(guān)評論

    閱讀本文后您有什么感想? 已有人給出評價!

    • 8 喜歡喜歡
    • 3 頂
    • 1 難過難過
    • 5 囧
    • 3 圍觀圍觀
    • 2 無聊無聊

    熱門評論

    最新評論

    發(fā)表評論 查看所有評論(0)

    昵稱:
    表情: 高興 可 汗 我不要 害羞 好 下下下 送花 屎 親親
    字?jǐn)?shù): 0/500 (您的評論需要經(jīng)過審核才能顯示)