我們在做項目中,一般提交請求都會通過ajax來提交,但是測試的時候發現,每次提交後得到的數據都是一樣的,調試可以排除後臺代碼的問題,所以問題肯定是出在前臺 每次清除緩存後,就會得到一個新的數據,所以歸根到底就是瀏覽器緩存問題。糾結了很久,終於解決了,在這裡總結一下。 我們都知道ajax能提高頁面載入 ...
我們在做項目中,一般提交請求都會通過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都會執行這條語句就是不需要保存緩存記錄。