對于web開發人員而言，處理cookie是一項必不可少的技能。而對于實現這項工作，jQuery Cookies提供了一個非常簡單的解決方案。本文將介紹如何在頁面刷新時使用jQuery Cookies保存和讀取數據。
首先，我們需要加載jQuery和jQuery Cookies。可以通過以下方式實現：
<head>
<script src="https://code.jquery.com/jquery-3.5.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
</head>接下來，我們需要為頁面綁定一個事件。在此示例中，我們將使用窗口的unload事件，它會在頁面刷新或關閉時觸發。
$(window).unload(function() {
// 保存數據到cookie
$.cookie('myData', 'Hello World!', {
expires: 1 // 在1天內有效
});
});在上面的代碼中，我們使用了$.cookie()函數來保存數據。第一個參數是cookie的名稱，第二個參數是cookie的值，第三個參數是一個對象，指定cookie的設置，這里設置了cookie的有效期為一天。
最后，我們需要在頁面加載時讀取cookie。我們可以將讀取cookie的代碼放在$(document).ready()方法中：
$(document).ready(function() {
// 讀取cookie
var myData = $.cookie('myData');
if (myData !== undefined) {
alert(myData);
// 刪除cookie
$.removeCookie('myData');
}
});上面的代碼中，我們使用了$.removeCookie()函數來刪除cookie，這樣當用戶在下一次訪問該頁面時，cookie就不會再對它產生影響了。
總之，使用jQuery Cookies保存和讀取數據是非常簡單的。在頁面刷新時，我們可以使用unload事件將數據保存到cookie中，而在頁面加載時，使用$.cookie()函數讀取cookie。
下一篇刷新 css丟失