IE緩存怎麼消除？臨時文件 javascript 腳本清理

時間 2019-12-09

標籤緩存怎麼消除臨時文件 javascript 腳本清理欄目 JavaScript 简体版

原文原文鏈接

IE緩存怎麼消除？臨時文件 javascript 腳本清理

禁用客戶端緩存
   HTM網頁
   <META    HTTP-EQUIV="pragma"    CONTENT="no-cache">
   <META    HTTP-EQUIV="Cache-Control"    CONTENT="no-cache,    must-revalidate">
   <META    HTTP-EQUIV="expires"    CONTENT="Wed,    26    Feb    1997    08:21:57    GMT">
   ASP網頁
   <%
       Response.Expires    =    -1
       Response.ExpiresAbsolute    =    Now()    -    1
       Response.cachecontrol    =    "no-cache"
   %>
   PHP網頁
   header("Expires:    Mon,    26    Jul    1997    05:00:00    GMT");
   header("Cache-Control:    no-cache,    must-revalidate");
   header("Pragma:    no-cache");
   JSP
           response.setHeader("Pragma","No-Cache");
           response.setHeader("Cache-Control","No-Cache");
           response.setDateHeader("Expires",    0);
   C#中禁止cache的方法！
   Response.Buffer=true;
   Response.ExpiresAbsolute=System.DateTime.Now.AddSeconds(-1);
   Response.Expires=0;
   Response.CacheControl="no-cache"; javascript

加入
   <MEAT    HTTP-EQUIV="Pragma"    CONTENT="no-cache">
   不緩存。php

1、Expires(期限)
   說明：能夠用於設定網頁的到期時間。一旦網頁過時，必須到服務器上從新調閱。
   用法：＜META    HTTP-EQUIV="expires"    CONTENT="Wed,    26    Feb    1997    08:21:57    GMT"＞
   注意：必須使用GMT的時間格式。


   2、Pragma(cache模式)

   說明：禁止瀏覽器從本地機的緩存中調閱頁面內容。
   用法：＜META    HTTP-EQUIV="Pragma"    CONTENT="no-cache"＞
   注意：這樣設定，訪問者將沒法脫機瀏覽。

   3、腳本實現
   <%
   response.expires    =    0
   response.expiresabsolute    =    now()    -    1
   response.addHeader    "pragma","no-cache"    response.addHeader    "cache-control","private"
   Response.cachecontrol    =    "no-cache"
   %>html

IE瀏覽器訪問一個網頁的時候，首先會到臨時文件夾中去尋找和這個網頁相關的各個文件（如各類圖片）。若是在臨時文件夾中找到了一些文件，那麼瀏覽器就會使用這些臨時文件夾中的文件，而不去服務器下載這些文件。

   不幸的是，個人服務器上的文件是常常變化的，若是IE優先考慮臨時文件夾中的文件，那麼就不能反映出我服務器上的變化。

   如今有兩個解決辦法，但都有缺陷：
   一是使用網頁的自刷新，可是刷新速度快的話會有閃爍，不符合我其餘方面的要求。
   二是在IE設置中設成「每次訪問此頁時檢查」。此時IE不考慮臨時文件夾中的內容，直接從服務下載各個文件。可是這種辦法須要用戶進行設置，對用戶來講有點麻煩。並且這樣的設置會影響用戶訪問其餘網站的速度。   java

###############################################jquery

html方法：ajax

<META   HTTP-EQUIV="pragma"   CONTENT="no-cache">
<META   HTTP-EQUIV="Cache-Control"   CONTENT="no-cache,   must-revalidate">
<META   HTTP-EQUIV="expires"   CONTENT="Wed,   26   Feb   1997   08:21:57   GMT">瀏覽器

php方法：緩存

header("Expires:   Mon,   26   Jul   1997   05:00:00   GMT");
header("Cache-Control:   no-cache, must-revalidate");
header("Pragma:   no-cache");服務器

六、禁止圖片緩存：在圖片後面加一個隨機參數，如：dom

六、那麼如何禁止IE緩存，採用Ajax技術數據更新不及時
方法1：服務器端代碼加入response.setHeader("Cache-Control", "no-cache, must-revalidate");
方法2：用JavaScript在Ajax提交的時候加入一個隨機數做爲URL中的一個參數。req.open(url + "&" + Math.random).
緣由：IE中若是XMLHttpRequest提交的URL與歷史同樣則使用緩存，根本不向服務器端提交。所以沒法取到剛提交的數據。

php中ajax清除緩存問題----IE緩存不能清除

在ajax的應用中，當用戶訪問一次後，再進行訪問當XMLHttpRequest請求不變的時，在ie中會出現這樣的現象，那就是取數據不會到服務器端取，而是直接從ie的緩存中取，則會就是ie的緩存問題。在ajax中解決緩存的問題採用時間戳的方式，即爲每一個XNLHttpRequest請求後面加一個時間戳的標誌，從而保證每次請求都是新的從而解決ie緩存問題，下面是簡單的例子。

一、關鍵的代碼以下：Java代碼

//給url地址增長時間戳，騙過瀏覽器，不讀取緩存
function convertURL(url) {
//獲取時間戳
var timstamp = (new Date()).valueOf();
//將時間戳信息拼接到url上
//url = "AJAXServer"
if (url.indexOf("?") >= 0) {
url = url + "&t=" + timstamp;
} else {
url = url + "?t=" + timstamp;
}
return url;
}

下面是簡單的例子，驗證用戶點擊了驗證按鈕幾回的例子一、首先看js的代碼Java代碼

function verify() {
//經過jquery方式獲取頁面文本框中的數值
var url = "AJAXServer?name=" + encodeURI(encodeURI($("#userName").val()));
//經過convertURL對傳入的數值作特殊處理，使每一個數據都帶有一個時間戳，從而產生不一樣的XHTTPRequest請求
url = convertURL(url);
//調用jquery中的get請求方法向服務器端傳值，定義一個回調函數在頁面顯示服務器端返回的數據
$.get(url,null,function(data){
$("#result").html(data);
});
}
//給url地址增長時間戳，騙過瀏覽器，不讀取緩存
function convertURL(url) {
//獲取時間戳
var timstamp = (new Date()).valueOf();
//將時間戳信息拼接到url上
//url = "AJAXServer"
if (url.indexOf("?") >= 0) {
url = url + "&t=" + timstamp;
} else {
url = url + "?t=" + timstamp;
}
return url;
}

Java代碼

二、簡單的html驗證頁面代碼以下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>用戶名校驗ajax實例</title>
<script type="text/javascript" src="jslib/jquery.js"></script>
<script type="text/javascript" src="jslib/verify.js"></script>
</head>
<body>
<input type="text" id="userName" />
<input type="button" value="校驗" onclick="verify()"/>
<div id="result"></div>
</body>
</html>三、服務器端得javaservlet代碼
public class AJAXServer extends HttpServlet{
protected void doPost(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse) throws ServletException, IOException {
doGet(httpServletRequest, httpServletResponse);
}
protected void doGet(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse) throws ServletException, IOException {
try{
httpServletResponse.setContentType("text/html;charset=utf-8");
PrintWriter out = httpServletResponse.getWriter();
Integer inte = (Integer) httpServletRequest.getSession().getAttribute("total");
int temp = 0;
if (inte == null) {
temp = 1;
} else {
temp = inte.intValue() + 1;
}
httpServletRequest.getSession().setAttribute("total",temp);
//1.取參數
String old = httpServletRequest.getParameter("name");
String name = URLDecoder.decode(old,"UTF-8");
//2.檢查參數是否有問題
if(old == null || old.length() == 0){
out.println("用戶名不能爲空");
} else{
//3.校驗操做
// String name = old;
if(name.equals("wangxingkui")){
//4。和傳統應用不一樣之處。這一步須要將用戶感興趣的數據返回給頁面段，而不是將一個新的頁面發送給用戶
//寫法沒有變化，本質發生了改變
out.println("用戶名[" + name + "]已經存在，請使用其餘用戶名, " + temp);
} else{
out.println("用戶名[" + name + "]還沒有存在，可使用該用戶名註冊, " + temp);
}
}
} catch(Exception e){
e.printStackTrace();
}
}
}