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();
}
}
}

IE缓存怎么消除？ 临时文件 javascript 脚本 清理