<!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>
loading