禁止ajax緩存獲取程序最新數(shù)據(jù)的方法
今天做項(xiàng)目，幾乎所有的提交都是通過ajax來提交，我測(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ù)的載入，也就是說在載入數(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ǔ)句就是不需要保存緩
存記錄。
- IE8下Ajax緩存問題及解決辦法
- 對(duì)jquery的ajax進(jìn)行二次封裝以及ajax緩存代理組件:AjaxCache詳解
- JQUERY的AJAX請(qǐng)求緩存里的數(shù)據(jù)問題處理
- Ajax清除瀏覽器js、css、圖片緩存的方法
- IE9下Ajax無法刷新數(shù)據(jù)的緩存問題解決方法
- 在(ASP/PHP/JSP/html/js)中禁止ajax緩存的方法集錦
- 防止jQuery ajax Load使用緩存的方法小結(jié)
- jQuery中ajax的使用與緩存問題的解決方法
- IE下jquery ajax無法獲得最新數(shù)據(jù)的問題解決(IE緩存)
- IE8/IE9下Ajax緩存問題
相關(guān)文章
這篇文章主要介紹了javascript自定義事件功能與用法,結(jié)合實(shí)例形式較為詳細(xì)的分析了javascript自定義事件的原理、功能、應(yīng)用與相關(guān)注意事項(xiàng),需要的朋友可以參考下2017-11-11
ECMAScript6輪播圖實(shí)踐知識(shí)總結(jié)
最近萌生了用ECMAScript6寫一個(gè)輪播圖的想法，以前就知道ECMAScript6，但是一直沒有學(xué)，現(xiàn)在終于下決心學(xué)了，本篇文章會(huì)總結(jié)在實(shí)踐中用到的ES6的知識(shí)。2016-08-08
利用js判斷瀏覽器類型(是否為IE,Firefox,Opera瀏覽器)
我們開發(fā)的人來說經(jīng)常要加個(gè)判斷，要不可能某些功能沒法正常使用。要是沒加個(gè)判斷就會(huì)給大家?guī)硇┞闊?/div> 2013-11-11
javascript面向?qū)ο笕筇卣髦庋b實(shí)例詳解
這篇文章主要介紹了javascript面向?qū)ο笕筇卣髦庋b,簡(jiǎn)單描述了封裝的基本概念、原理,并結(jié)合實(shí)例形式詳細(xì)分析了javascript面向?qū)ο蟪绦蛟O(shè)計(jì)中封裝的用法與相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2019-07-07
這篇文章主要為大家詳細(xì)介紹了用微信小程序?qū)崿F(xiàn)計(jì)算器功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-07-07
多種js圖片預(yù)加載實(shí)現(xiàn)方式分享
這篇文章主要為大家詳細(xì)介紹了多種js圖片預(yù)加載實(shí)現(xiàn)方式，包括html標(biāo)簽或css加載圖片、純js實(shí)現(xiàn)預(yù)加載，感興趣的小伙伴們可以參考一下2016-02-02
IntelliJ IDEA 安裝vue開發(fā)插件的方法
本篇文章主要介紹了IntelliJ IDEA 安裝vue開發(fā)插件的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-11-11
bootstrap中selectpicker下拉框使用方法實(shí)例
這篇文章主要給大家介紹了關(guān)于bootstrap中selectpicker下拉框使用的相關(guān)資料，文中通過示例介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2018-03-03
這篇文章主要介紹了JS實(shí)現(xiàn)水平遍歷和嵌套遞歸操作,結(jié)合實(shí)例形式分析了javascript遍歷與遞歸相關(guān)操作技巧,需要的朋友可以參考下2019-08-08
JavaScript的Set數(shù)據(jù)結(jié)構(gòu)詳解
這篇文章主要為大家介紹了JavaScript的Set數(shù)據(jù)結(jié)構(gòu)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-01-01最新評(píng)論