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都會執行這條語句就是不需要保 存緩
 
存記錄。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM