jquery cookie案例说明

2010-10-08 14:12:19 by 【6yang】, 192 visits, 收藏 | 返回

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery cookie案例说明</title>
</head>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>

<script type="text/javaScript">
 
jQuery(function(){
/****************jquery cookie插件*************
 * 使用:
 * $.cookie('key'); //读取Cookie值
 * $.cookie('key', 'value'); // 设置/新建cookie的值
 * $.cookie('key', 'value', {expires: 7, path: '/', domain: 'dh89.com', secure: true});//新建一个cookie 包括有效期(天数) 路径 域名等
 * $.cookie('key', null); //删除一个cookie
 */
jQuery.cookie = function(name, value, options) {
 if (typeof value != "undefined") {
  options = options || {};
  if (value === null) { value = ""; options.expires = -1; }
  var expires = "";
  if (options.expires && (typeof options.expires == "number" || options.expires.toUTCString)) {
   var date;
   if (typeof options.expires == "number") {
    date = new Date(); date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
   } else {
    date = options.expires;
   }
   expires = "; expires=" + date.toUTCString();
  }
  var path = options.path ? "; path=" + options.path : "";
  var domain = options.domain ? "; domain=" + options.domain : "";
  var secure = options.secure ? "; secure" : "";
  document.cookie = [name, "=", encodeURIComponent(value), expires, path, domain, secure].join(""); 
 } else {
  var cookieValue = null;
  if (document.cookie && document.cookie != "") {
   var cookies = document.cookie.split(";");
   for (var i = 0; i < cookies.length; i++) {
    var cookie = jQuery.trim(cookies[i]);
    if (cookie.substring(0, name.length + 1) == (name + "=")) {
     cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
     break;
    }
   }
  }
 return cookieValue;
 }
};
/****************End jquery cookie插件*************/
 $("form").submit(function(){
  if($("#checkboxCookiesUser").attr("checked")==true){
   $.cookie('flaginfo_cookie_username',$.trim($("#username").val()), { expires: 30 });
  }else{
   $.cookie('flaginfo_cookie_username',null);
  }    
  return false;
 });
 
 if ($.cookie("flaginfo_cookie_username") != null && $.cookie("flaginfo_cookie_username") != "") {
  var cookievalue = $.cookie("flaginfo_cookie_username");
  $("#username").val(cookievalue);
  $("#checkboxCookiesUser").attr("checked",true);
 }
});
</script>
<body>
<form action="#" name=""  method="post"/>
 <input type="text" name="username" id="username">
 <input type="checkbox" name="safe" id="checkboxCookiesUser" checked="checked">
 <input type="submit" value="登录">
</form>
</body>
</html>

分享到:
share

    图片原图

    loading

    loading