`

jQuery插件之Cooki（jquery.cookie.js）

 
阅读更多

 

 

一、jQuery.Cookie.js插件是一个轻量级的Cookie管理插件。

　　特别提醒，今日发现一个特别的错误，google浏览器提示：has no method $.cookie。火狐浏览器提示:$.cookie is not a function;调试了半天，终于找到原因，如果同一个页面两次或者多次引入jQuery插件就会报此错误。

　　使用方法：

　　1、引入jQuery与jQuery.Cookie.js插件。

    <script src="jQuery.1.8.3.js" type="text/javascript"></script>
    <script src="jquery.cookie.js" type="text/javascript"></script>

　　2、函数。

　　　语法：$.cookie(名称,值,[option])

　　　(1)读取cookie值

　　　$.cookie(cookieName)　　　　　　　　　cookieName:要读取的cookie名称。

　　   示例：$.cookie("username");　　　　　  读取保存在cookie中名为的username的值。

　　　(2)写入设置Cookie值：

　　　$.cookie(cookieName,cookieValue);　　cookieName:要设置的cookie名称，cookieValue表示相对应的值。

　　　示例:$.cookie("username","admin");　  将值"admin"写入cookie名为username的cookie中。

　　　　　 $.cookie("username",NULL);　　　销毁名称为username的cookie

　　　(3) [option]参数说明：

　　　　　expires:　　有限日期，可以是一个整数或一个日期(单位：天)。　　这个地方也要注意，如果不设置这个东西，浏览器关闭之后此cookie就失效了

　　　　　path:　　　 cookie值保存的路径，默认与创建页路径一致。

　　　　   domin:　　  cookie域名属性，默认与创建页域名一样。　　这个地方要相当注意，跨域的概念，如果要主域名二级域名有效则要设置　　".xxx.com"

　　　　   secrue:　　 一个布尔值，表示传输cookie值时，是否需要一个安全协议。

　　　　　示例：

        $.cookie("like", $(":radio[checked]").val(), {
        　　path: "/", expiress: 7
        })

一个完整设置与读取cookie的页面代码：

复制代码
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>jQuery学习2</title>
    <script src="jQuery.1.8.3.js" type="text/javascript"></script>
    <script src="jquery.cookie.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $("#username").val($.cookie("username"));
            if ($.cookie("like") == "刘德华") {
                $(":radio[value='刘德华']").attr("checked", 'checked')
            }
            else {
                $(":radio[value='张学友']").attr("checked", 'checked')
            }
            $(":button").click(function () {
                $.cookie("username", $("#username").val(), {
                    path: "/", expires: 7
                })
                $.cookie("like", $(":radio[checked]").val(), {
                    path: "/", expiress: 7
                })
            })
        })
    </script>
</head>
<body>
    <p><input type="text" id="username" value="" /></p>
    <p>
        <input type="radio" name="like" value="刘德华" />刘德华
        <input type="radio" name="like" value="张学友" />张学友
    </p>
    <p><input type="button" value="保存" /></p>
</body>
</html>
复制代码

 　　cookie本质上是一个txt文本，因此只能够存入字符串，对象通常要序列化之后才能存入cookie，而取的时候要反序列才又能得到对象。

复制代码
        $(function () {
            if ($.cookie("o") == null) {
                var o = { name: "张三", age: 24 };
                var str = JSON.stringify(o);　　//对序列化成字符串然后存入cookie
                $.cookie("o", str, {
                    expires:7   //设置时间，如果此处留空，则浏览器关闭此cookie就失效。
                });
                alert("cookie为空");
            }
            else {
                var str1 = $.cookie("o");
                var o1 = JSON.parse(str1);　　//字符反序列化成对象
                alert(o1.name);　　　　　　　　//输反序列化出来的对象的姓名值
            }
        })
复制代码
 
 
 

　(1)读取cookie值

　　　$.cookie(cookieName)　　　　　　　　　cookieName:要读取的cookie名称。

　　   示例：$.cookie("username");　　　　　  读取保存在cookie中名为的username的值。

　　　(2)写入设置Cookie值：

       $.cookie("account", $("#account").val(), {expires:  24 * 60 * 60 * 1000, path: '/'});

$.cookie('cookie的Key','cookie值'，‘保留时间’);

 

 

分享到：
| mod_jk
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jquery.cookie.js下载

    jquery cookie.js 官方下载，一款优秀的 jquery 插件，提供了非常轻量级、简单、实用的操作 cookie 的方法，包括读写、删除等操作，jquery cookie 路径，jquery cookie 时间，jquery cookie 有效期，jquery cookie ...

    jquery管理cookie和form的js

    在这个“jquery管理cookie和form的js”压缩包中，我们有两个关键的脚本文件，分别是用于管理cookie的jQuery插件和处理表单（form）操作的jQuery插件。 首先，我们来详细了解一下jQuery如何管理cookie。 **jQuery ...

    jquery.cookie.js

    《jQuery Cookie插件详解及其在Web开发中的应用》 在Web开发中，处理用户数据和状态是必不可少的任务，其中一种常见的方法就是使用Cookie。Cookie是一种小型文本文件，由服务器发送到用户的浏览器，并由浏览器保存...

    通过jquery.cookie.js实现记住用户名、密码登录功能

    下载与引入:jquery.cookie.js基于jquery；先引入jquery，再引入：jquery.cookie.js； 下载：http://plugins.jquery.com/cookie/ [removed][removed] [removed][removed] 1.添加一个”会话cooki

    safari,opera嵌入iframe页面cookie读取问题解决方法

    在示例代码中，使用jQuery的`browser`插件检测浏览器类型，并根据`reflag`参数判断是否需要跳转至引导页面。引导页面上的按钮点击事件会更新`reflag`，并重定向回原目标页面，确保cookie能够被正确读取。 ```html /...

    tongs:cookie 实用程序

    动机jquery-cookie 太棒了！！ 但是 jquery ....构建状态矩阵安装浏览器 &lt; script src =" /path/to/tongs.js " &gt; &lt;/ script &gt;新产品经理 npm install tongs var tongs = require('tongs');用法设置饼干...

    jQuery的cookie插件实现保存用户登陆信息

    代码如下: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;cookies.html&lt;/title&gt; &lt;meta http-equiv=”keywords” content=”keyword1,keyword2,keyword3″&gt; &lt;meta http-equiv=”...

    java餐厅点餐管理系统源码带前后台数据库 MySQL源码类型 WebForm

    登陆jsp采用jquery.cooki.js脚本在项目根目录下生成cookie，用来控制一个浏览器只能登陆一个用户，用户退出时清空cookie，关闭浏览器cookie自动清空，用户非正常退出下，需等待20分的session失效时间后方可正常登陆...

    MF00617-JAVA餐厅点餐管理源码.zip

    登陆jsp采用jquery.cooki.js脚本在项目根目录下生成cookie，用来控制一个浏览器只能登陆一个用户，用户退出时清空cookie，关闭浏览器cookie自动清空，用户非正常退出下，需等待20分的session失效时间后方可正常登陆...

    response-monitor.js:监视对文件下载请求的响应并提供呼叫池以实现等待指示器

    response-monitor.js 一个简单的客户端JavaScript库，用于实现要求下载文件且易受明显延迟的网页的实现。... 响应监视器实现所有客户端Cookie的处理，不需要额外的编程，但是必须在服务器端按照下面的说明设置Cooki

    GameLander:游戏的Web应用程序和数据访问层的实现

    GameLander 游戏的Web应用程序和数据访问层的实现。... 正确登录后，我们将进入菜单，其中有五个选项：游戏历史记录，您将看到已登录用户的游戏历史记录；... 关于cookie，应用程序在每个操作中都使用cooki

Magicbox
Global site tag (gtag.js) - Google Analytics