jquery操作cookie

最新推荐文章于 2023-11-21 10:09:58 发布
最新推荐文章于 2023-11-21 10:09:58 发布
阅读量4.5k 收藏
点赞数 2
分类专栏： jquery 文章标签： cookie 缓存
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bocongbo/article/details/77991066
版权

1、index.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Cookies</title>
  <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js" type="text/javascript" charset="utf-8"></script>
  <script src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js" type="text/javascript" charset="utf-8"></script>
  <script src="./js/jquery.base64.js" type="text/javascript" charset="utf-8"></script>
  <script type="text/javascript">
    $(function(){
      //读取
      $('#user').val($.cookie('user'));

      //解密
      if($.cookie('pass')){
        pass = $.base64.decode($.cookie('pass'));
        $('#pass').val(pass);
      }

      //提交新建
      $(".sub").click(function(){
        if($('#check').is(':checked')){
          $.cookie("user", $('#user').val(), { expires: 7 });
          //加密
          var pass = $('#pass').val();
          pass = $.base64.encode(pass);
          $.cookie("pass", pass, { expires: 7 });
        }else{
          //删除
          $.cookie("user", '', { expires: -1 });
          $.cookie("pass", '', { expires: -1 });
        }
      });

      //删除
      $('.clearCookie').click(function(){
        $.cookie("user", '', { expires: -1 });
        $.cookie("pass", '', { expires: -1 });
      });

      //持续时间
      $.cookie('myCookie1', '我是7天的Cookie', { expires: 7 });
      var time = new Date();
      time.setTime(time.getTime() + (60*60*1000));
      $.cookie('myCookie2', '我是1小时的Cookie', { expires: time });
      //存储路径，方便其他页面获取该cookie
      $.cookie('myCookie3', '我是存储在根目录的Cookie', { expires: 7, path: '/' });
    })
  </script>
</head>
<body>
  <form>
    <h3>登录</h3>
    <div>
      用户名： <input type="text" name="" id="user" value="" placeholder="用户名" />
    </div>
    <div>
      密码： <input type="password" name="" id="pass" value="" placeholder="密码" />
    </div>
    <div class="check">
      <input type="checkbox" name="" id="check" value="" />
      <label for="check">记住密码？</label>
    </div>
    <input type="button" class="sub" value="登录"/>
  </form>
  <button class="clearCookie">清空缓存</button>
</body>
</html>

2、js/jquery.base64.js

;(function($) {
    var b64 = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",
        a256 = '',
        r64 = [256],
        r256 = [256],
        i = 0;

    var UTF8 = {
        encode: function(strUni) {
            var strUtf = strUni.replace(/[\u0080-\u07ff]/g, 
            function(c) {
                var cc = c.charCodeAt(0);
                return String.fromCharCode(0xc0 | cc >> 6, 0x80 | cc & 0x3f);
            })
            .replace(/[\u0800-\uffff]/g,
            function(c) {
                var cc = c.charCodeAt(0);
                return String.fromCharCode(0xe0 | cc >> 12, 0x80 | cc >> 6 & 0x3F, 0x80 | cc & 0x3f);
            });
            return strUtf;
        },
        decode: function(strUtf) {
            var strUni = strUtf.replace(/[\u00e0-\u00ef][\u0080-\u00bf][\u0080-\u00bf]/g,
            function(c) {
                var cc = ((c.charCodeAt(0) & 0x0f) << 12) | ((c.charCodeAt(1) & 0x3f) << 6) | (c.charCodeAt(2) & 0x3f);
                return String.fromCharCode(cc);
            })
            .replace(/[\u00c0-\u00df][\u0080-\u00bf]/g,
            function(c) { 
                var cc = (c.charCodeAt(0) & 0x1f) << 6 | c.charCodeAt(1) & 0x3f;
                return String.fromCharCode(cc);
            });
            return strUni;
        }
    };
    while(i < 256) {
        var c = String.fromCharCode(i);
        a256 += c;
        r256[i] = i;
        r64[i] = b64.indexOf(c);
        ++i;
    }
    function code(s, discard, alpha, beta, w1, w2) {
        s = String(s);
        var buffer = 0,
            i = 0,
            length = s.length,
            result = '',
            bitsInBuffer = 0;
        while(i < length) {
            var c = s.charCodeAt(i);
            c = c < 256 ? alpha[c] : -1;
            buffer = (buffer << w1) + c;
            bitsInBuffer += w1;
            while(bitsInBuffer >= w2) {
                bitsInBuffer -= w2;
                var tmp = buffer >> bitsInBuffer;
                result += beta.charAt(tmp);
                buffer ^= tmp << bitsInBuffer;
            }
            ++i;
        }
        if(!discard && bitsInBuffer > 0) result += beta.charAt(buffer << (w2 - bitsInBuffer));
        return result;
    }

    var Plugin = $.base64 = function(dir, input, encode) {
            return input ? Plugin[dir](input, encode) : dir ? null : this;
        };
    Plugin.btoa = Plugin.encode = function(plain, utf8encode) {
        plain = Plugin.raw === false || Plugin.utf8encode || utf8encode ? UTF8.encode(plain) : plain;
        plain = code(plain, false, r256, b64, 8, 6);
        return plain + '===='.slice((plain.length % 4) || 4);
    };

    Plugin.atob = Plugin.decode = function(coded, utf8decode) {
        coded = coded.replace(/[^A-Za-z0-9\+\/\=]/g, "");
        coded = String(coded).split('=');
        var i = coded.length;
        do {--i;
            coded[i] = code(coded[i], true, r64, a256, 6, 8);
        } while (i > 0);
        coded = coded.join('');
        return Plugin.raw === false || Plugin.utf8decode || utf8decode ? UTF8.decode(coded) : coded;
    };
}(jQuery));

 

不求甚解bc
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用JQuery进行cookie操作
qq_44884300的博客
04-08 2220
使用JQuery进行cookie操作
Jquery.cookie用法详解
qq_38169981的博客
02-27 1588
什么是cookie cookie是由服务器端生成，发送给浏览器，浏览器会将cookie的value和key保存在本地的某个文件夹下面，下次请求同一个网站时候就会将该cookie发送给服务器（前提是浏览器设置了启用cookie） 如何在js/jquery中使用cookie jquery.cookie.js 下载地址 复制代码如下： &lt;script src="jQuery.1.8.3.js" t...
bootstrap快速渲染html5（常用方法以及插件引入实现）
我不会玩csdn，我兄弟没面子。
04-10 3301
本问主要介绍bootstrap的一些基础方法和css样式。
html页面获取cookies,JQuery$.ajax设置cookie并获取html响应
weixin_42361933的博客
06-03 424
我有一个页面，当用户空闲15分钟时，我想向他们发出警告。在所以我要做的是，设置一个15分钟后过期的cookie，并继续轮询服务器端页面，每隔10分钟刷新一次cookie过期时间。在我的问题是，我更新“cookie expire time”的ajax调用没有返回任何内容。但是在设置cookie之后，它应该以html形式返回“OK”(这是在python中完成的，bottle)如果我在一个新的选项卡中打...
jquery中cookie用法实例详解(获取,存储,删除等)
weixin_30445169的博客
10-10 445
这篇文章主要介绍了jquery中cookie用法,结合实例详细分析了jQuery操作cookie的获取,存储,删除等操作,并附带了Jquery操作Cookie记录用户查询过信息实现方法,需要的朋友可以参考下 本文实例讲述了jquery中cookie用法。分享给大家供大家参考，具体如下： cookie在jquery中有指定的cookie操作类，下面我先来介绍我们在使用cooki...
jQuery.cookie.js使用
痞猫zz的软件路
02-05 197
Cookies 定义：让网站服务器把少量数据储存到客户端的硬盘或内存，从客户端的硬盘读取数据的一种技术； 下载与引入:jquery.cookie.js基于jquery；先引入jquery，再引入：jquery.cookie.js；下载网址: http://plugins.jquery.com/cookie/ 如何使用: 1.添加一个"会话cookie" $.cookie('this_...
jQuery操作cookie
10-21
主要介绍了jQuery操作cookie的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
jquery操作cookie插件分享
10-26
在网页客户端，我们经常会遇到读取或者设置cookie的情况，如果用纯生的js我们可能会遇到一些兼容性带来的麻烦，这里给大家介绍一个比较实用jquery操作cookie的插件
jQuery操作cookie方法实例教程
10-25
首先，让我们了解jQuery操作cookie的基本方法。jQuery库并没有内置的cookie管理函数，但可以通过第三方插件如`jquery-cookie`来实现。在这个教程中，我们将使用`$.cookie`这个函数，它是一个模拟的API，用于简化...
jquery.cookie.js的操作及cookie的使用方法
热门推荐
qq_45830276的博客
04-12 1万+
jquery.cookie.js的操作及cookie的使用方法：
jQuery中cookie详解
QQ873963142的博客
03-07 1539
一、使用方法 新添加一个会话cookie： $.cookie('the_cookie', 'the_value'); 注：当没有指明cookie有效时间时，所创建的cookie有效期默认到用户关闭浏览器为止，所以被称为“会话cookie（session cookie）”   创建一个cookie并设置有效时间为7天: $.cookie('the_cookie', 'the_value'
jquery之cookie详解
Jartto's Blog
07-02 649
前两天搞定了一个拖拽存储的h5控件，写了一个总结，其中用到了cookie存储。结果有同事问我关于cookie的问题，我竟然说不出所以然来。纯粹是指哪打哪，用哪写哪，根本就没有完全搞明白。想起了一句歌词：“他说他会打野，真的只会打野”，熟悉LOL的同学应该不会陌生???? 想想也是，这样的学习根本无效率可言。所以花些时间把cookie搞明白，也把jquery cookie 函数参...
jQuery怎么把数据存到cookie
最新发布
_江屿_
11-21 701
jQuery怎么把数据存到cookie
jquery缓存
u014645827的博客
07-28 1247
可以看出来，一个是在jQuery对象上，一个是在jQuery生成的对象上。如果仔细阅读的话，你会发现jQuery中很多函数都有两个，原型上一个，jQuery上一个。
【web前端】Jquery操作cookie
小鼠标的博客
01-11 873
插件下载传送门 一、新增cookie：   $.cookie('cookieName', 'cookieValue');      注：如果没有设置cookie的有效期，则cookie默认在浏览器关闭前都有效，故被称为"会话cookie"。      二、创建一个cookie并设置有效时间为7天:   $.cookie('cookieName', 'cookieV
jQuery中cookie的相关简单操作
weixin_44151292的博客
04-18 2485
项目中用到了，简单记录以下 记得引入cookie相关的js <script src="resource/js/jquery.js"></script> <script src="resource/js/jquery.cookie.js"></script> 1、设置cookie $.cookie("name",name) 2、获取cookie //用jquery封装cookie的方式获取cookie var username = $.cook
jquery cookie
weixin_30455661的博客
07-26 205
jquery 设置cookie、删除cookie、获取cookie 1.引入jquery.js 2.引入jquery cookie插件 3.调用插件封装好的方法 a)设置新的cookie: $.cookie('name'，'dumplings'); //设置一个值为'dumplings'的cookie 设置cookie的生命周期 $.cookie('key', 'value', { ...
jQuery操作cookie的使用方法
zhumengstyle的博客
08-02 732
对于cookie的操作一般选择在后台处理居多，但是jQuery借助jquery.cookie.js也可以实现对cookie的操作，这样为前端处理一些问题带来了便利。 下面简单介绍一下： 首先，在页面引入必备文件（两个js文件）：//html部分<script type="text/javascript" src="/public/js/jquery-1.9.0.min.js"></script>
jquery使用cookie
11-02
jQuery是一个流行的JavaScript库，它提供了一些方便的方法来操作cookie。通过使用jQuery.cookie插件，我们可以轻松地创建、读取和删除cookie。下面是一些使用jQuery.cookie插件的示例： 1.创建一个cookie： $.cookie('the_cookie', 'the_value', {expires: 7, path: '/', domain: 'example.com', secure: true}); 2.读取一个cookie： $.cookie('the_cookie'); 3.删除一个cookie： $.removeCookie('the_cookie'); 在实际开发中，我们可以使用jQuery.cookie插件来实现一些常见的功能，例如“记住我”的功能。我们可以在用户登录时设置一个cookie，以便在下次访问网站时自动填充用户名和密码。下面是一个实现“记住我”的示例： //判断之前是否有设置cookie，如果有，则设置【记住我】选择框 if($.cookie('rem_userName')!=undefined){ $("#rememberMe").attr("checked", true); }else{ $("#rememberMe").attr("checked", false); } //读取cookie if($('#rememberMe:checked').length>0){ $('#userName').val($.cookie('rem_userName')); $('#password').val($.cookie('rem_password')); } //监听【记住我】事件 $("#rememberMe").click(function(){ if($('#rememberMe:checked').length>0){//设置cookie $.cookie('rem_userName', $('#userName').val()); $.cookie('rem_password', $('#password').val()); }else{//清除cookie $.removeCookie('rem_userName'); $.removeCookie('rem_password'); } });
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值