Ajax解決瀏覽器緩存問題

1.瀏覽器緩存的表現:

       在項目中一般提交請求都會通過ajax來提交,但是發現,每次提交後得到的數據都是一樣的,每次清除緩存後,就又可以得到一個新的數據。

2.瀏覽器緩存原因:

        ajax能提高頁面載入的速度主要的原因是ajax能實現局部刷新,通過局部刷新機制減少了重複數據的載入,也就是說在載入數據的同時將數據緩存到內存中,一旦數據被加載其中,只要沒有刷新頁面,這些數據就會一直被緩存在內存中,當我們提交 的URL與歷史的URL一致時,就不需要提交給服務器,也就是不需要從服務器上面去獲取數據。那麼,我們得到還是最開始緩存在瀏覽器中的數據。雖然降低了服務器的負載提高了用戶的體驗,但是我們不能獲取最新的數據。爲了保證我們讀取的信息都是最新的,我們就需要禁止他的緩存功能。

3.解決方法:

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

          原理: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緩存

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章