关闭

Jquery李炎恢—53cookie插件【19】

71人阅读 评论(0) 收藏 举报

学习要点:

1.使用cookie插件

2.注册直接登录


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").hide();

   $("#member").html($.cookie("user"));


  $("#member").html($.cookie("user"));

}

0
0

猜你在找
【直播】机器学习&数据挖掘7周实训--韦玮
【套餐】系统集成项目管理工程师顺利通关--徐朋
【直播】3小时掌握Docker最佳实战-徐西宁
【套餐】机器学习系列套餐(算法+实战)--唐宇迪
【直播】计算机视觉原理及实战--屈教授
【套餐】微信订阅号+服务号Java版 v2.0--翟东平
【直播】机器学习之矩阵--黄博士
【套餐】微信订阅号+服务号Java版 v2.0--翟东平
【直播】机器学习之凸优化--马博士
【套餐】Javascript 设计模式实战--曾亮
查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:5999次
    • 积分:285
    • 等级:
    • 排名:千里之外
    • 原创:15篇
    • 转载:56篇
    • 译文:0篇
    • 评论:0条