欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

禁止ajax緩存獲取程序最新數(shù)據(jù)的方法

 更新時間:2013年11月19日 15:38:55   作者:  
為了保證我們讀取的信息都是最新的,我們需要禁止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)文章

  • javascript自定義事件功能與用法實例分析

    javascript自定義事件功能與用法實例分析

    這篇文章主要介紹了javascript自定義事件功能與用法,結(jié)合實例形式較為詳細的分析了javascript自定義事件的原理、功能、應(yīng)用與相關(guān)注意事項,需要的朋友可以參考下
    2017-11-11
  • ECMAScript6輪播圖實踐知識總結(jié)

    ECMAScript6輪播圖實踐知識總結(jié)

    最近萌生了用ECMAScript6寫一個輪播圖的想法,以前就知道ECMAScript6,但是一直沒有學(xué),現(xiàn)在終于下決心學(xué)了,本篇文章會總結(jié)在實踐中用到的ES6的知識。
    2016-08-08
  • 利用js判斷瀏覽器類型(是否為IE,Firefox,Opera瀏覽器)

    利用js判斷瀏覽器類型(是否為IE,Firefox,Opera瀏覽器)

    我們開發(fā)的人來說經(jīng)常要加個判斷,要不可能某些功能沒法正常使用。要是沒加個判斷就會給大家?guī)硇┞闊?/div> 2013-11-11
  • javascript面向?qū)ο笕筇卣髦庋b實例詳解

    javascript面向?qū)ο笕筇卣髦庋b實例詳解

    這篇文章主要介紹了javascript面向?qū)ο笕筇卣髦庋b,簡單描述了封裝的基本概念、原理,并結(jié)合實例形式詳細分析了javascript面向?qū)ο蟪绦蛟O(shè)計中封裝的用法與相關(guān)操作注意事項,需要的朋友可以參考下
    2019-07-07
  • 用微信小程序?qū)崿F(xiàn)計算器功能

    用微信小程序?qū)崿F(xiàn)計算器功能

    這篇文章主要為大家詳細介紹了用微信小程序?qū)崿F(xiàn)計算器功能,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-07-07
  • 多種js圖片預(yù)加載實現(xiàn)方式分享

    多種js圖片預(yù)加載實現(xiàn)方式分享

    這篇文章主要為大家詳細介紹了多種js圖片預(yù)加載實現(xiàn)方式,包括html標(biāo)簽或css加載圖片、純js實現(xiàn)預(yù)加載,感興趣的小伙伴們可以參考一下
    2016-02-02
  • IntelliJ IDEA 安裝vue開發(fā)插件的方法

    IntelliJ IDEA 安裝vue開發(fā)插件的方法

    本篇文章主要介紹了IntelliJ IDEA 安裝vue開發(fā)插件的方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-11-11
  • bootstrap中selectpicker下拉框使用方法實例

    bootstrap中selectpicker下拉框使用方法實例

    這篇文章主要給大家介紹了關(guān)于bootstrap中selectpicker下拉框使用的相關(guān)資料,文中通過示例介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。
    2018-03-03
  • JS實現(xiàn)水平遍歷和嵌套遞歸操作示例

    JS實現(xiàn)水平遍歷和嵌套遞歸操作示例

    這篇文章主要介紹了JS實現(xiàn)水平遍歷和嵌套遞歸操作,結(jié)合實例形式分析了javascript遍歷與遞歸相關(guān)操作技巧,需要的朋友可以參考下
    2019-08-08
  • JavaScript的Set數(shù)據(jù)結(jié)構(gòu)詳解

    JavaScript的Set數(shù)據(jù)結(jié)構(gòu)詳解

    這篇文章主要為大家介紹了JavaScript的Set數(shù)據(jù)結(jié)構(gòu),具有一定的參考價值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助
    2022-01-01

最新評論