zoukankan      html  css  js  c++  java
  • 20151224jquery学习笔记---cookie插件

    hello,祝自己平安夜快乐。

    Cookie 是网站用来在客户端保存识别用户的一种小文件。一般来用库可以保存用户登
    录信息、购物数据信息等一系列微小信息。
    一. 使用 cookie 插件
    官方网站: http://plugins.jquery.com/cookie/

    //生成一个 cookie:
    $.cookie('user', 'bnbbs');
    //设置 cookie 参数
    $.cookie('user', 'bnbbs', {
    expires : 7, //过期时间, 7 天后
    path : '/', //设置路径,上一层
    domain : 'www.ycku.com', //设置域名
    secure : true, //默认为 false,需要使用安全协议 https
    });
    //关闭编码/解码,默认为 false
    $.cookie.raw = true;
    //读取 cookie 数据
    alert($.cookie('user'));
    //读取所有 cookie 数据
    alert($.cookie());
    注意:读取所有的 cookie 是以对象键值对存放的,所以,也可以$.cookie().user 获取。
    //删除 cookie
    $.removeCookie('user');
    //删除指定路径 cookie
    $.removeCookie('user', {
    path : '/',
    });
    

      二. 注册直接登录
    把 cookie 引入到知问前端中去。

    //HTML 部分
    <div class="header_member">
    <a href="javascript:void(0)" id="reg_a">注册</a>
    <a href="javascript:void(0)" id="member">用户</a>
    |
    <a href="javascript:void(0)" id="login_a">登录</a>
    <a href="javascript:void(0)" id="logout">退出</a>
    </div>
    //jQuery 部分
    $('#member, #logout').hide();
    if($.cookie('user')) {
    $('#member, #logout').show();
    $('#reg_a, #login_a').hide();
    } else {
    $('#member, #logout').hide();
    $('#reg_a, #login_a').show();
    }
    $('#logout').click(function () {
    $.removeCookie('user');
    window.location.href= '/jquery/';
    });
    success : function (responseText, statusText) {
    $('#reg_a, #login_a').hide();
    $('#member, #logout').show();
    $('#member').html($.cookie('user'));
    },
    
    

      



  • 相关阅读:
    怎样评价海贼王中艾斯的死?
    interleaving-string
    打败微信的将是怎么样的一款产品?
    javascript实例——文本特效篇(包含3个小例子)
    javascript实例——时间日期篇(包含5个实例)
    【转】Js获取当前日期时间及其它操作
    【转】外国朋友出的js题目,你能对几道
    【转】30+有用的CSS代码片段
    php的ajax简单实例
    Border属性的各种变化
  • 原文地址:https://www.cnblogs.com/xiaoduc-org/p/5074592.html
Copyright © 2011-2022 走看看