今天实现网站注销功能时，需要清除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. ROS学习笔记(二) ：使用roslaunch

    目录 roslaunch roslaunch的使用 以turtlesim为例 roslaunch roslaunch是ros自带的一个库,使用roslaunch可以同时运行多个节点,通过编写launc ...

  2. 洛谷 CF997A Convert to Ones

    洛谷 CF997A Convert to Ones 洛谷传送门 题意翻译 给你一个长度为 nn 的01串( n \leq 310^5n*≤3∗105 ),你有两种操作: 1.将一个子串翻转,花费 XX ...

  3. CentOS7 安装 vsftpd 服务

    CentOS7 安装 vsftpd 服务 0.FTP简介 FTP服务是一个跨平台的文件共享解决方案 0.1.FTP两种模式的区分:服务端的主被动模式 1)ftp一般分为两种模式,PORTFTP和PAS ...

  4. classmethode,staticmethode、反射

    目录 classmethod: staticmethod: classmethod与staticmethod都是python解释器内置的装饰器 类中定义的函数分为两大类:绑定方法和非绑定方法 在类中正 ...

  5. Educational Round 66 题解

    作为橙名来水了一发…… 这次题目就比上次良心多了.7题有5题会做. 然而风格仍然很怪异……还是练少了? A 水题.不过一开始没注意细节挂了几发,罚时罚的真痛…… 明显是能除以 $k$ 就除以 $k$, ...

  6. webpack的一些坑

    最近自己着手做一个小的Demo需要webpack,目前版本号是4.41.2,想使用的版本是3.6.0,因3x版本和4x版本很多地方不同,所以在安装过程中也是很多坎坷,下面是遇到的一些坑,和一些解决办法 ...

  7. [no_perms] Private mode enable, only admin can publish this module

    在使用npm publish是出现了错误: npm ERR! code E403 npm ERR! 403 Forbidden - PUT https://registry.npm.taobao.or ...

  8. redis 下key的过期时间详解 ：expire

    memcached 和 redis 的set命令都有expire参数,可以设置key的过期时间.但是redis是一个可以对数据持久化的key-value database,它的key过期策略还是和me ...

  9. 每日一问：讲讲 Java 虚拟机的垃圾回收

    昨天我们用比较精简的文字讲了 Java 虚拟机结构,没看过的可以直接从这里查看: 每日一问:你了解 Java 虚拟机结构么? 今天我们必须来看看 Java 虚拟机的垃圾回收算法是怎样的.不过在开始之前 ...

  10. [技术博客]微信小程序审核的注意事项及企业版小程序的申请流程

    关于小程序审核及企业版小程序申请的一些问题 微信小程序是一个非常方便的平台.由于微信小程序可以通过微信直接进入,不需要下载,且可使用微信账号直接登录,因此具有巨大的流量优势.但是,也正是因为微信流量巨 ...