cookie插件——cookie
使用cookie插件后，可以很方便地通過cookie對象保存、讀取、刪除用戶的信息，還能通過cookie插件保存用戶的瀏覽記錄，它的調(diào)用格式為：
保存：$.cookie(key，value)；讀?。?/strong>$.cookie(key)，刪除：$.cookie(key，null)
其中參數(shù)key為保存cookie對象的名稱，value為名稱對應的cookie值。
例如，當點擊“設(shè)置”按鈕時，如果是“否保存用戶名”的復選框為選中狀態(tài)時，則使用cookie對象保存用戶名，否則，刪除保存的cookie用戶名，如下圖所示：
在瀏覽器中顯示的效果：
從圖中可以看出，由于在點擊“設(shè)置”按鈕時，選擇了保存用戶名，因此，輸入框中的值被cookie保存，下次打開瀏覽器時，直接獲取并顯示保存的cookie值。
任務
我來試試，親自使用cookie插件保存用戶輸入的郵箱信息
在下列代碼的第28、32、37行，使用cookie插件讀取、保存、刪除用戶輸入的郵箱信息。
- ?不會了怎么辦
-
- 先檢測cookie對象是否存，如果存在，則將輸入框的內(nèi)容顯示為該cookie對象值，接下來選中復選框時，保存cookie，否則，刪除對應的cookie對象。
- 在設(shè)置cookie對象時，可以使用可選項參數(shù)options配置對象，設(shè)置cookie的過期時間和保存路徑。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>cookie插件</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://idcbgp.cn/data/jquery-1.8.2.min.js"></script>
<script src="http://idcbgp.cn/data/jquery.cookie.js" type="text/javascript"></script>
</head>
<body>
<div id="divtest">
<div class="title">
<span class="fl">cookie插件</span>
<span class="fr">
<input id="btnSet" type="button" value="設(shè)置" />
</span>
</div>
<div class="content">
<span class="fl">郵箱：</span><br />
<input id="email" name="email" type="text" /><br />
<input id="chksave" type="checkbox" />是否保存郵箱
</div>
</div>
<script type="text/javascript">
$(function () {
if ($.cookie("email")) {
$("#email").val(?);
}
$("#btnSet").bind("click", function () {
if ($("#chksave").is(":checked")) {
?, {
path: "/", expires: 7
})
}
else {
?, {
path: "/"
})
}
});
});
</script>
</body>
</html>
#divtest
{
width: 282px;
}
#divtest .title
{
padding: 8px;
background-color: Blue;
color: #fff;
height: 23px;
line-height: 23px;
font-size: 15px;
font-weight: bold;
}
#divtest .content
{
padding: 8px 0px;
background-color: #fff;
font-size: 13px;
}
.fl
{
float: left;
}
.fr
{
float: right;
}
請驗證，完成請求
由于請求次數(shù)過多，請先驗證，完成再次請求
