禁止ajax緩存獲取程序最新數(shù)據(jù)的方法
今天做項(xiàng)目，幾乎所有的提交都是通過(guò)ajax來(lái)提交，我測(cè)試的時(shí)候發(fā)現(xiàn)，每次提交后得到的數(shù)據(jù)都是一樣的，調(diào)試可以排除后臺(tái)代碼的問(wèn)題，所以問(wèn)題肯定是出在前臺(tái)。每次清除緩存后，就會(huì)得到一個(gè)新的數(shù)據(jù)，所以歸根到底就是瀏覽器緩存問(wèn)題。糾結(jié)了很久，終于解決了，在這里總結(jié)一下。
我們都知道ajax能提高頁(yè)面載入的速度主要的原因是通過(guò)ajax減少了重復(fù)數(shù)據(jù)的載入，也就是說(shuō)在載入數(shù)據(jù)的同時(shí)將數(shù)據(jù)緩存到內(nèi)存中，一旦數(shù)據(jù)被加載其中，只要我們沒(méi)有刷新頁(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緩存問(wèn)題及解決辦法
- 對(duì)jquery的ajax進(jìn)行二次封裝以及ajax緩存代理組件:AjaxCache詳解
- JQUERY的AJAX請(qǐng)求緩存里的數(shù)據(jù)問(wèn)題處理
- Ajax清除瀏覽器js、css、圖片緩存的方法
- IE9下Ajax無(wú)法刷新數(shù)據(jù)的緩存問(wèn)題解決方法
- 在(ASP/PHP/JSP/html/js)中禁止ajax緩存的方法集錦
- 防止jQuery ajax Load使用緩存的方法小結(jié)
- jQuery中ajax的使用與緩存問(wèn)題的解決方法
- IE下jquery ajax無(wú)法獲得最新數(shù)據(jù)的問(wèn)題解決(IE緩存)
- IE8/IE9下Ajax緩存問(wèn)題
相關(guān)文章
這篇文章主要介紹了CocosCreator對(duì)象池，對(duì)性能有研究的同學(xué)，要著重看一下2021-04-04
JavaScript函數(shù)綁定用法實(shí)例分析
這篇文章主要介紹了JavaScript函數(shù)綁定用法,結(jié)合實(shí)例形式分析了javascript函數(shù)綁定的原理、實(shí)現(xiàn)方法與相關(guān)操作技巧,需要的朋友可以參考下2017-11-11
EditPlus注冊(cè)碼生成器(js代碼實(shí)現(xiàn))
在線的EditPlus注冊(cè)碼生成器，看了看還真是，在這里exe的注冊(cè)機(jī)病毒太多，純js的在線注冊(cè)機(jī)可就放心了，感興趣的各位可以參考下哈，希望可以幫助到你2013-03-03
javascript框架設(shè)計(jì)讀書(shū)筆記之模塊加載系統(tǒng)
本文是司徒正美的《javascript框架設(shè)計(jì)》的第二章模塊加載系統(tǒng)的讀書(shū)筆記，根據(jù)自己的理解，簡(jiǎn)要的跟大家講述了本章的主要內(nèi)容，方便大家更好的學(xué)習(xí)。2014-12-12
.NET微信公眾號(hào)開(kāi)發(fā)之創(chuàng)建自定義菜單
這篇文章主要介紹了.NET微信公眾號(hào)開(kāi)發(fā)之創(chuàng)建自定義菜單的相關(guān)資料,需要的朋友可以參考下2015-07-07
javascript從右邊截取指定字符串的三種實(shí)現(xiàn)方法
這篇文章主要介紹了javascript從右邊截取指定字符串的三種實(shí)現(xiàn)方法。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-11-11
javascript中的startWith和endWith的幾種實(shí)現(xiàn)方法
javascript中的startWith和endWith的幾種實(shí)現(xiàn)方法，需要的朋友可以參考一下2013-05-05
layui實(shí)現(xiàn)數(shù)據(jù)表格點(diǎn)擊搜索功能
這篇文章主要為大家詳細(xì)介紹了layui實(shí)現(xiàn)數(shù)據(jù)表格點(diǎn)擊搜索功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-07-07
這篇文章全面解析了Bootstrap表單的使用方法，本文重點(diǎn)介紹Bootstrap表單按鈕，感興趣的小伙伴們可以參考一下2015-11-11
重構(gòu)Javascript代碼示例(重構(gòu)前后對(duì)比)
回顧頭來(lái)看看那些Javascript腳本，有寫(xiě)得不太理想，過(guò)于復(fù)雜。現(xiàn)抽取出來(lái)，重構(gòu)它們,想學(xué)習(xí)javascript重構(gòu)的朋友可以參考下啊，網(wǎng)本文可以幫助你的2013-01-01