今天实现网站注销功能时,需要清除cookie缓存,开始在网上搜索的是“js清除缓存”,发现很多都是预先防患缓存存储的内容,千篇一律,不过也学习到了;后来换成"js清除cookie"才找到自己想要的结果。

先学习一下预先防治缓存存储的方式吧

在http中,控制缓存开关的字段有两个:Pragma 和 Cache-Control,后者拥有最高优先级,只要与其他设置相抵触,一律覆盖之。

Pragma有两个字段Pragma和Expires。Pragma是http1.0字段,值为no-cache时,表示禁用缓存,当一个no-cache请求发送给一个不遵循HTTP/1.1的服务器时,客户端应该包含pragma指令; Expires的值是一个GMT时间,表示该缓存的有效时间,优先级低于Cache-Control:max-age,两者同时出现,expires被覆盖;如果都没有出现。也没有其他缓存,则浏览器默认采用启发式算法,取Date_value-Last-Modified_value(请求资源最后一次修改时间)值的10%作为缓存时间

Pragma是旧产物,已经逐步抛弃,有些网站为了向下兼容还保留了这两个字段。如果一个报文中同时出现Pragma和Cache-Control时,以Pragma为准。同时出现Cache-Control和Expires时,以Cache-Control为准。即优先级从高到低是 Pragma -> Cache-Control -> Expires

以两个常用值举例 no-cache: 不管本地副本是否过期,浏览器、缓存服务器在使用资源副本前都要到源服务器进行副本有效性校验。

must-revalidate:本地副本过期前,浏览器、缓存服务器可以使用本地副本;本地副本一旦过期,必须去源服务器进行有效性校验。

头部设置

<!--在头部加上此三句即可禁用缓存-->

<meta http-equiv="pragma" content="no-cache" />

<meta http-equiv="content-type" content="no-cache, must-revalidate" />

<meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT"/>

reset清除表单的临时缓存

<body onLoad="javascript:document.表单名.reset()">

ajax获取情书数据加上请求头

$.ajax({

  ......

  beforeSend :function(xmlHttp){

  //缓存校验字段,值为资源最后一次的修改时间,即上次收到的Last-Modified值

  xmlHttp.setRequestHeader("If-Modified-Since","0");

  //相当于max-age:0,must-revalidate即资源被缓存,但是缓存立刻过期,同时下次访问时强制验证资源有效性

  xmlHttp.setRequestHeader("Cache-Control","no-cache"); },

  success:function(response){

    //操作

  }

   async:false

});

ajax请求数据直接不缓存

$.ajax({

  ......

  cache:false, //不进行缓存

   success:function(response){

     //操作

  }

  async:false

});

利用随机数与时间戳让每次请求不相同,不仅是页面,js、css等资源也可以使用这样的方式

URL 参数后加上 "?ran=" + Math.random(); 或 "?ran=" + new Date().getTime(); //当然这里参数 ran可以任意取了

用当前页面覆盖原页面防止回退

window.location.replace("你要覆盖的页面");

然后是js对cookie的操作

设置cookie

document.cookie="key="+value;//cookie一般以键值对的方式存在,也可以自定义储存方式

获取cookie

cookieArray=document.cookie.split(';');

for(var i=0;i<cookieArray.length;i++){

  //操作;key:cookieArray[i].split('=')[0];value:cookieArray[i].split('=')[1] 

}

删除cookie只需要设置时间过期即可

document.cookie=key+"="+你想操作的cookie+":expire="+new Date(0).toGMTString();

前端不缓存,ajax不缓存,js操作cookie的更多相关文章

  1. JS操作cookie以及本地存储(sessionStorage 和 localStorage )

    JS操作cookie cookie的操作用两种方式 1.substring //创建cookie function setCookie(name,value,expires,path,domain,s ...

  2. jquery.cookie.js 操作cookie实现记住密码功能的实现代码

    jquery.cookie.js操作cookie实现记住密码功能,很简单很强大,喜欢的朋友可以参考下.   复制代码代码如下: //初始化页面时验证是否记住了密码 $(document).ready( ...

  3. js操作cookie,实现登录密码保存 [转]

    转自:http://blog.csdn.net/zyujie/article/details/8727828 ( 谢谢博主了) js操作cookie,实现登录密码保存.cookie的存放方式是以键值对 ...

  4. 转: js操作cookie

    cookie的几个概念 http://dearhappyfish.blog.163.com/blog/static/1901094152012422114753777/ js操作cookie 转:ht ...

  5. jquery.cookie 使用文档,$.cookie() 文档教程, js 操作 cookie 教程文档。

    jquery.cookie 使用文档,$.cookie() 文档教程, js 操作 cookie 教程文档. jquery.cookie中的操作: jquery.cookie.js是一个基于jquer ...

  6. js 操作 cookie

    js 操作 cookie 的方法如下: //设置cookie function setCookie(cname, cvalue, exdays) { var d = new Date(); d.set ...

  7. 使用纯生js操作cookie

    前段时间做项目的时候要使用js操作cookie,jquery也有相应的插件,不过还是觉得纯生的js比较好,毕竟不依赖jq. //获得coolie 的值 function cookie(name) { ...

  8. js操作cookie(转载:经测试可用)

    /***js操作cookie,star***/ function addCookie(objName,objValue,objsec){//添加cookie  var str = objName + ...

  9. 分步引导中,Js操作Cookie,实现判断用户是否第一次登陆网站

    上一篇介绍了分布引导插件IntroJs的使用,本篇介绍通过Js操作cookie的方法. 分步引导的功能只适合与第一次登陆网站的新用户,不能每次登陆都提示分布引导,那么如何判断用户是否第一次登录网站呢? ...

  10. node.js操作Cookie

    node.js操作Cookie http://www.tuicool.com/articles/F3UF7n

随机推荐

  1. 交叉编译tmux

    作者:彭东林 邮箱:pengdonglin137@163.com 参考 https://gist.github.com/tessus/5e118d44261a6ab2f198 环境 Qemu-4.1 ...

  2. Linux操作系统安全-局域网私有CA(Certificate Authority)证书服务器实战篇

    Linux操作系统安全-局域网私有CA(Certificate Authority)证书服务器实战篇 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.试验架构说明 node101 ...

  3. Eric6安装问题解决

    按照http://eric-ide.python-projects.org/eric-download.html中的说明,执行命令:python install.py 却遇到下面的问题: Compil ...

  4. 第10节-BLE协议链路层(LL)

    本篇博客的学些要结合书籍<低功耗蓝牙开发权威指南,Robin Heydon著>第7章,实际上这书只是对蓝牙原版协议的简化.摘要. 回顾以前学过的<BLE协议各层的形象化理解>和 ...

  5. logging.basicConfig配置文件

    import sys, logging logging.basicConfig(level=logging.INFO, # 日志等级 # filename: 指定日志文件名 format='level ...

  6. CAJViewer 去除右上角闪动的图标

    打开CMD,粘贴如下代码: %homedrive% cd "%userprofile%\Documents\My eBooks\" del ad0.xml md ad0.xml m ...

  7. java类uuid源码分析

    通用唯一识别码(英语:Universally Unique Identifier,简称UUID)是一种软件建构的标准,亦为自由软件基金会组织在分散式计算环境领域的一部份.UUID的目的,是让分散式系统 ...

  8. 第05组 团队Git现场编程实战

    一.组员职责分工 组员 分工 卢欢(组长) 前后端接口设计 严喜 寻找相关资料 张火标 设计并描述界面原型 钟璐英 编写随笔 周华 填写完善文档 古力亚尔·艾山 填写完善文档 张聪 前后端接口设计 池 ...

  9. 用!htrace调试句柄泄漏的一般步骤

    Windbg调试器的!htrace扩展对于调试泄漏处理非常方便.该过程基本上可归结为以下简单步骤: 启用跟踪 拍张快照 情景分析 显示差异 在第四步!htrace将在最后一个快照之后显示所有额外打开的 ...

  10. mac系统中怎么打开rar/zip等压缩文件?

    平常使用mac的同学们,可能经常要接受下别人发过来的rar文件,可惜的时mac os x系统默认是不能打开rar文件(不知道以后苹果会支持rar不?),那么我们该如何去解圧rar文件,接下来我将介绍. ...