怎么使用Jquery操作Cookies

本篇內(nèi)容介紹了“怎么使用Jquery操作Cookies”的有關(guān)知識(shí)，在實(shí)際案例的操作過(guò)程中，不少人都會(huì)遇到這樣的困境，接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

Cookies亦稱Cookie,Cookies是一種能夠讓網(wǎng)站服務(wù)器把少量數(shù)據(jù)儲(chǔ)存到客戶端的硬盤或內(nèi)存,或是從客戶端的硬盤讀取數(shù)據(jù)的一種技術(shù)。

下載與引入:jquery.cookie.js基于jquery；先引入jquery，再引入：jquery.cookie.js

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>

一、創(chuàng)建Cookies

1.創(chuàng)建或設(shè)置cookie值：

$.cookie('the_cookie', 'the_value');

這里沒(méi)有指明 cookie有效時(shí)間，所創(chuàng)建的cookie有效期默認(rèn)到用戶關(guān)閉瀏覽器為止，所以被稱為 “會(huì)話cookie（session cookie）”。

2.創(chuàng)建一個(gè)cookie并設(shè)置有效時(shí)間為 7天

$.cookie('the_cookie', 'the_value', { expires: 7 });

這里指明了cookie有效時(shí)間，所創(chuàng)建的cookie被稱為“持久 cookie （persistent cookie）”。注意單位是：天；

3.創(chuàng)建一個(gè)cookie并設(shè)置 cookie的有效路徑

$.cookie('the_cookie', 'the_value', { expires: 7, path: '/' });

在默認(rèn)情況下，只有設(shè)置 cookie的網(wǎng)頁(yè)才能讀取該 cookie。如果想讓一個(gè)頁(yè)面讀取另一個(gè)頁(yè)面設(shè)置的cookie，必須設(shè)置cookie的路徑。cookie的路徑用于設(shè)置能夠讀取 cookie的頂級(jí)目錄。將這個(gè)路徑設(shè)置為網(wǎng)站的根目錄，可以讓所有網(wǎng)頁(yè)都能互相讀取 cookie （一般不要這樣設(shè)置，防止出現(xiàn)沖突）。

4.可選參數(shù)

$.cookie('the_cookie','the_value',{
    expires:7,  
    path:'/',
    domain:'jquery.com',
    secure:true
})

• expires：（Number|Date）有效期；設(shè)置一個(gè)整數(shù)時(shí)，單位是天；也可以設(shè)置一個(gè)日期對(duì)象作為Cookie的過(guò)期日期；

• path：（String）創(chuàng)建該Cookie的頁(yè)面路徑；

• domain：（String）創(chuàng)建該Cookie的頁(yè)面域名；

• secure：（Booblean）如果設(shè)為true，那么此Cookie的傳輸會(huì)要求一個(gè)安全協(xié)議，例如：HTTPS；

二、讀取cookie

$.cookie('the_cookie');

三、刪除cookie

建議在設(shè)置cookie和刪除cookie的時(shí)候，配置路徑和域名。

$.cookie('the_cookie', null);   //通過(guò)傳遞null作為cookie的值即可
$.cookie('name',null,{ path: '/'});

“怎么使用Jquery操作Cookies”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！