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

转载 2016年08月29日 21:04:47

学习要点:

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"));

}

相关文章推荐

李炎恢JQuery EasyUI视频培训视频教程下载

01.[jQuery EasyUI]第1章 jQuery EasyUI入门 02.[jQuery EasyUI]第2章 使用EasyUI 03.[jQuery EasyUI]第3章 Draggab...

【备忘】李炎恢老师HTML5+CSS3教程与课件代码【共享完毕】下载

课程目录:     01.[HTML5第一季] 第1章 HTML5概述.zip     02.[HTML5第一季] 第2章 基本格式.zip     03.[HTML5第一季] 第3章 文本元素...

19 个漂亮的 jQuery 画廊和幻灯片插件

本文向你介绍 19 个 jQuery 的画廊和幻灯片的插件或者是制作教程。TN3 GalleryTN3 Gallery 是一个很成熟的基于 HTML 的可定制的图片画廊和幻灯片展示,支持转换和多相簿选...

李炎恢 jquery PDF 完整版

  • 2017-09-21 18:44
  • 6.25MB
  • 下载

【转】19 个漂亮的 jQuery 画廊和幻灯片插件

本文向你介绍 19 个 jQuery 的画廊和幻灯片的插件或者是制作教程。TN3 GalleryTN3 Gallery 是一个很成熟的基于 HTML 的可定制的图片画廊和幻灯片展示,支持转换和多相簿选...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)