Cookies

定义：让网站服务器把少量数据储存到客户端的硬盘或内存，从客户端的硬盘读取数据的一种技术；

下载与引入:jquery.cookie.js基于jquery；先引入jquery，再引入：jquery.cookie.js；

下载：http://plugins.jquery.com/cookie/

<script type="text/javascript" src="js/jquery.min.js"></script>

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

1.添加一个"会话cookie"

$.cookie('the_cookie', 'the_value');

这里没有指明 cookie有效时间，所创建的cookie有效期默认到用户关闭浏览器为止，所以被称为 “会话cookie（session cookie）”。

2.创建一个cookie并设置有效时间为 7天

$.cookie('the_cookie', 'the_value', { expires:  });

这里指明了cookie有效时间，所创建的cookie被称为“持久 cookie （persistent cookie）”。注意单位是：天；

3.创建一个cookie并设置 cookie的有效路径

$.cookie('the_cookie', 'the_value', { expires: , path: '/' });

在默认情况下，只有设置 cookie的网页才能读取该 cookie。如果想让一个页面读取另一个页面设置的cookie，必须设置cookie的路径。cookie的路径用于设置能够读取 cookie的顶级目录。将这个路径设置为网站的根目录，可以让所有网页都能互相读取 cookie （一般不要这样设置，防止出现冲突）。

4.读取cookie

$.cookie('the_cookie');

5.删除cookie

.cookie('the_cookie', null);   //通过传递null作为cookie的值即可

6.可选参数

$.cookie('the_cookie','the_value',{

    expires:,

    path:'/',

    domain:'jquery.com',

    secure:true

})　

expires：（Number|Date）有效期；设置一个整数时，单位是天；也可以设置一个日期对象作为Cookie的过期日期；
path：（String）创建该Cookie的页面路径；
domain：（String）创建该Cookie的页面域名；
secure：（Booblean）如果设为true，那么此Cookie的传输会要求一个安全协议，例如：HTTPS；

代码示例：

<!doctype html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<script src="jquery-1.8.3.min.js"></script>

<script src="jquery.cookie.js"></script>

<script src="jquery.base64.js"></script>

 

<script language="javascript" type="text/javascript">

function setCookie(){ //设置cookie

         var loginCode = $("#login_code").val(); //获取用户名信息

         var pwd = $("#login_password").val(); //获取登陆密码信息

         var checked = $("[name='checkbox']:checked");//获取“是否记住密码”复选框

         if(checked){ //判断是否选中了“记住密码”复选框

            $.cookie("login_code",loginCode);//调用jquery.cookie.js中的方法设置cookie中的用户名

            $.cookie("pwd",$.base64.encode(pwd));//调用jquery.cookie.js中的方法设置cookie中的登陆密码，并使用base64（jquery.base64.js）进行加密

         }else{

            $.cookie("pwd", null);

         }

    }

    function getCookie(){ //获取cookie

         var loginCode = $.cookie("login_code"); //获取cookie中的用户名

         var pwd =  $.cookie("pwd"); //获取cookie中的登陆密码

         if(pwd){//密码存在的话把“记住用户名和密码”复选框勾选住

            $("[name='checkbox']").attr("checked","true");

         }

         if(loginCode){//用户名存在的话把用户名填充到用户名文本框

            $("#login_code").val(loginCode);

         }

         if(pwd){//密码存在的话把密码填充到密码文本框

            $("#login_password").val($.base64.decode(pwd));

         }

    }

function login(){

    var userName = $('#login_code').value;

    if(userName == ''){

        alert("请输入用户名。");

        return;

    }

    var userPass = $('#login_password').value;

    if(userPass == ''){

        alert("请输入密码。");

        return;

    }

    //判断是否选中复选框，如果选中，添加cookie

    if($("[name='checkbox']").attr("checked","true")){

        //添加cookie

        setCookie();

        alert("记住密码登录。");

        window.location = "http://www.baidu.com";

    }else{

        alert("不记密码登录。");

        window.location = "http://www.baidu.com";

    }

}

</script>

</head>

<body onload="getCookie();">

<center>

    <table width="400px" height="180px" cellpadding="0" cellspacing="0" border="1" style="margin-top:100px;">

        <tr>

            <td align="center" colspan="2">欢迎登录</td>

        </tr>

        <tr>

            <td align="right">

                <label>用户名：</label>

            </td>

            <td align="left">

                <input type="text" id="login_code" name="login_code" style="width:160px; margin-left:10px;" />

            </td>

        </tr>

        <tr>

            <td align="right">

                <label>密  码：</label>

            </td>

            <td align="left">

                <input type="password" id="login_password" name="login_password" style="width:160px; margin-left:10px;" />

            </td>

        </tr>

        <tr>

            <td align="center" colspan="2">

                <span style="font-size:12px; color:blue; vertical-align:middle;">是否记住密码</span>

                <input type="checkbox" style="vertical-align:middle;" />

            </td>

        </tr>

        <tr>

            <td align="center" colspan="2">

                <input type="submit" id="subLogin" name="subLogin" value="登 录" onclick="login();"/>

            </td>

        </tr>

    </table>

</center>

</body>

</html>

通过jquery.cookie.js实现记住用户名、密码登录功能的更多相关文章

  1. jquery.cookie.js实现cookie记住用户名和密码

    记得导入 <script src="jquery.js" type="text/javascript"></script> <sc ...

  2. jquery.cookie.js 操作cookie实现记住密码功能的实现代码

    jquery.cookie.js操作cookie实现记住密码功能,很简单很强大,喜欢的朋友可以参考下.   复制代码代码如下: //初始化页面时验证是否记住了密码 $(document).ready( ...

  3. jquery.cookie.js操作cookie实现“记住密码”，很简单很强大

    //初始化页面时验证是否记住了密码 $(document).ready(function() { if ($.cookie("rmbUser") == "true&quo ...

  4. jquery.cookie.js && java后台代码 操作cookie实现记住当前用户输入信息代码

    下载jquery.cookie.js地址看这里:http://pan.baidu.com/s/1gdCPaN5 //初始化页面时验证是否记住了密码 $(document).ready(function ...

  5. Jquery 实现 “下次自动登录” 记住用户名密码功能

    转载自:http://blog.csdn.net/aspnet_lyc/article/details/12030039?utm_source=tuicool&utm_medium=refer ...

  6. cookie记住用户名密码

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

  7. jquery.cookie.js $.cookie()是怎么使用

    jquery.cookie() 方法的使用(读取.写入.删除) <script type="text/javascript" src="js/jquery.cook ...

  8. jquery.cookie.js使用介绍

    Cookies概述: Cookies是一种能够让网站服务器把少量数据储存到客户端的硬盘或内存,或是从客户端的硬盘读取数据的一种技术.Cookies是当你浏览某网站时,由Web服务器置于你硬盘上的一个非 ...

  9. jQuery插件 -- Cookie插件jquery.cookie.js（转）

    Cookie是网站设计者放置在客户端的小文本文件.Cookie能为用户提供很多的使得,例如购物网站存储用户曾经浏览过的产品列表,或者门户网站记住用户喜欢选择浏览哪类新闻. 在用户允许的情况下,还可以存 ...

随机推荐

  1. StringBuffer 详解 (String系列之3)

    本章介绍StringBuffer以及它的API的详细使用方法. 转载请注明出处:http://www.cnblogs.com/skywang12345/p/string03.html StringBu ...

  2. SecureCrt使用SSH2登陆海康相机

    海康相机登陆SSH2: 1.安装SecureCRT2.登陆到相机,系统-安全管理-安全服务,勾选启用SSh3,打开SecureCRT,快速链接4.选择协议SSh2,主机Ip填入相机IP,端口默认22, ...

  3. Android开发教程 - 使用Data Binding（二）集成与配置

    本系列目录 使用Data Binding(一)介绍 使用Data Binding(二)集成与配置 使用Data Binding(三)在Activity中的使用 使用Data Binding(四)在Fr ...

  4. MariaDB 数据库索引详解(9)

    MariaDB数据库管理系统是MySQL的一个分支,主要由开源社区在维护,采用GPL授权许可MariaDB的目的是完全兼容MySQL,包括API和命令行,MySQL由于现在闭源了,而能轻松成为MySQ ...

  5. JobScheduler调度器过程（JobSchedulerService的启动过程）

    JobSchedulerService启动过程,最主要工作是从jobs.xml文件收集所有的jobs,放入到JobStore的成员变量mJobSet,转成jobinfo. JobScheduler服务 ...

  6. 课程一(Neural Networks and Deep Learning)，第一周（Introduction to Deep Learning）—— 0、学习目标

    1. Understand the major trends driving the rise of deep learning.2. Be able to explain how deep lear ...

  7. Unity学习系列一简介

    一.简介 Unity的目标是为了提升"依赖注入"的思想,去建立更加松耦合的系统.patterns & practices 小组在那个时候实现DI的方式和我们现在认为的DI有 ...

  8. tensorflow进阶篇-4(损失函数3)

    Softmax交叉熵损失函数(Softmax cross-entropy loss)是作用于非归一化的输出结果只针对单个目标分类的计算损失.通过softmax函数将输出结果转化成概率分布,然后计算真值 ...

  9. 常见数据结构的Java实现

    单链表的Java实现 首先参考wiki上的单链表说明,单链表每个节点包含数据和指向链表中下一个节点的指针或引用.然后看代码 import java.lang.*; public class Singl ...

  10. 全网最详细的HA集群的主节点之间的双active，双standby，active和standby之间切换的解决办法（图文详解）

    不多说,直接上干货! 1. HA集群的主节点之间的双standby的解决办法: 全网最详细的Hadoop HA集群启动后,两个namenode都是standby的解决办法(图文详解) 2. HA集群的 ...