前端開發JavaScript清除瀏覽器緩衝的方法

標籤：pre   mes   tar   json   開發   eval   modified   緩衝   als   

查看和刪除瀏覽器緩衝的方法=====》開啟

最近在開發項目中發現有時候總要頻繁地清除瀏覽器緩衝，不然總是顯示的過時的資訊

瀏覽器緩衝有利有弊，有些資料需要緩衝下來使得頁面開啟更快提高網站效能，但有些緩衝內容又必須清除，緩衝可能會導致一些錯誤資料被展示。

介紹一些清除瀏覽器緩衝的方法：

方法一：利用meta標籤

<META HTTP-EQUIV="pragma" CONTENT="no-cache"> <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"> <META HTTP-EQUIV="expires" CONTENT="0">

這種方法很簡單，但不是所有瀏覽器都支援的，像chrome這種強制使用緩衝的瀏覽器就沒有用

方法二：jquery ajax清除瀏覽器緩衝

//用ajax請求伺服器最新檔案，並加上要求標頭If-Modified-Since和Cache-Contro$.ajax({     url:‘www.haorooms.com‘,     dataType:‘json‘,     data:{},     beforeSend :function(xmlHttp){         xmlHttp.setRequestHeader("If-Modified-Since","0");         xmlHttp.setRequestHeader("Cache-Control","no-cache");     },     success:function(response){         //do something     }     async:false  });//直接用cache:false,$.ajax({     url:‘www.haorooms.com‘,     dataType:‘json‘,     data:{},     cache:false,      ifModified :true ,     success:function(response){         //do something     }     async:false  });

方法三：url後面加上隨機數（字母）或者目前時間戳

URL ?ran=" + Math.random();URL ?timestamp=+ new Date().getTime();

方法四：在js後面加日期戳

雖然看起來和url加隨機數一樣，但原理不同，這種最好所有js檔案採用公用引入檔案的形式，可以省去一些麻煩

<script src="/res/js/plugins/metisMenu/jquery.metisMenu.js?${.now?string(‘yyyy-MM-dd‘)}"></script>

方法五：後端處理

前端開發JavaScript清除瀏覽器緩衝的方法