定制开发小程序jquery.cookie.js的操作及cookie的使用方法-巴掌软件-高性价比的软件定制开发解决方案

.cookie.js的操作及cookie定制开发小程序的使用方法：

1.首先引入jquery.js,再引入jquery.cookie.js

原因：jquery.cookie.js是引用了jquery.js的方法，定制开发小程序引入的顺序不能变

<script src="/webnet/resource/js/jquery.js"></script><script src="/webnet/resource/js/jquery.cookie.js"></script>1
2

2.常用方法

（1）设置cookie值（键值对）

$.cookie(’the_cookie’, ‘the_value’);//例：设置username=zhangsan$.cookie("username","zhangsan");1
2
3

注意：cookie定制开发小程序各属性含义

（1.cookie名称：Cookie名称必须使用只能用在URL中的字符，一般用字母及数字，不能包含特殊字符，如有特殊字符想要转码。
（2.Expires，过期日期，一个GMT格式的时间，当过了这个日期之后，浏览器就会将这个Cookie删除掉，当不设置这个的时候，Cookie在浏览器关闭后消失。
（3.Path，路径属性，在这个路径下面的页面才可以访问该Cookie，一般设为“/”，表示同一个站点都可以访问这个cookie；
（4.Domain，子域，指定在该子域下才可以访问Cookie，例如要让Cookie在a.action.com下可以访问，但在b.action.com下不能访问，则可将domain设置成a.test.com。
（5.Secure，安全性，指定Cookie是否只能通过https协议访问，默认Cookie使用HTTP协议访问，如果设置了secure:true，则只有当使用https协议连接时cookie才可以被页面访问。

(2) 新建设置一个cookie：包括有效期，路径，可访问子域，安全性

$.cooke("the_name","the_value",{expires:7,path:"/",domain:"action.com",secure:true});1

(3) 读取cookie的值

//读取用户名username的值$.cookie("username");1
2

(4) 删除cookie

//删掉username的cookie值$.cookie("username",null);1
2

3. 示例

html部分

<body>    用户名：<input  type="text" class="username"/><br />    密码：<input  type="text" class="password"/>    <br /><br />    <input type="checkbox"  name="remember" class="remember" /><label for="remember" >记住密码</label>    <input  type="button" class="submit" value="submit"/></body>1
2
3
4
5
6
7

cookie使用示例

//设置password（记住密码） $(function () {     		//如果cookie账号密码存在          if ($.cookie("username") != null && $.cookie("password") != null){              $(".name").val($.cookie("username"));  //根据cookie值回显账号              $(".psd").val($.cookie("password"));	 //根据cookie值回显密码              $(".remember").attr("checked","checked");          }     		     		//如果cookie账号密码不存在，则登录成功后存入cookie值          $(".submit").click(function () {              //登录成功              var name = $(".username").val();          	  var pwd = $(".password").val();              var checked = $(".remember").attr("checked");              if (checked == "checked") {                  $.cookie("username", name, {expires:5});                  $.cookie("password", pwd, {expires:5});                  alert('存入cookie');              }              else {                  //登录失败，删除cookie                  $.cookie("username", null);                  $.cookie("password",null);              }          });      });1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27