首頁 > web前端 > js教程 > 禁止ajax快取取得程式最新資料的方法_javascript技巧

禁止ajax快取取得程式最新資料的方法_javascript技巧

WBOY
發布: 2016-05-16 17:14:17
原創
1193 人瀏覽過

今天做項目,幾乎所有的提交都是透過ajax來提交,我測試的時候發現,每次提交後得到的資料都是一樣的,調試可以排除後台程式碼的問題,所以問題肯定是出在前台。每次清除快取後,就會得到一個新的數據,所以歸根到底就是瀏覽器快取問題。糾結了很久,終於解決了,在這裡總結一下。

我們都知道ajax能提高頁面載入的速度主要的原因是透過ajax減少了重複資料的載入,也就是說在載入資料的同時將資料快取到記憶體中,一旦資料被載入其中,只要我們沒有刷新頁面,這些數據就會一直被緩存在內存中,當我們提交的URL與歷史的URL一致時,就不需要提交給伺服器,也就是不需要從伺服器上面去獲取數據,雖然這樣降低了伺服器的負載提高了使用者的體驗,但是我們不能取得最新的資料。為了確保我們讀取的資訊都是最新的,我們需要禁止他的快取功能。

解決方案有以下幾種:

1、在ajax發送請求前加上 anyAjaxObj.setRequestHeader("If-Modified-Since","0")。

2、在ajax發送請求前加上 anyAjaxObj.setRequestHeader("Cache-Control","no-cache")。

3、在URL後面加上一個隨機數字: "fresh=" Math.random();。

4、在URL後面加上時間搓:"nowtime=" new Date().getTime();。

5.如果是使用jQuery,直接這樣就可以了$.ajaxSetup({cache:false})。這樣頁面的所有ajax都會執行這條語句就是不需要保存緩

存記錄。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板