初涉jquery.cookie.js


cookie(儲存在用戶本地終端上的數據)

Cookie,有時也用其復數形式 Cookies,指某些網站為了辨別用戶身份、進行 session 跟蹤而儲存在用戶本地終端上的數據(通常經過加密)。

下載與引入jquery.cookie.js:

由於jquery.cookie.js是基於jquery的,所以先引入jquery,再引入jquery.cookie.js。

下載地址:

jquery:http://jquery.com/download/

jquery.cookie.js:http://plugins.jquery.com/cookie/

引入:

1 <script src="jquery-2.2.3.min.js"></script>
2 <script src="jquery.cookie.js"></script>

使用:

1、創建會話cookie:

$.cookie('name','value');

  在這里沒有指明cookie的有效時間,所以創建的cookie有效時間默認是關閉瀏覽器為止,所以被稱為“會話cookie”,也就是session cookie。

2、創建指定有效期的cookie:

$.cookie('name','value',{expires:7});

 在這里指明的cookie的有效時間是7天,expires可以是數字,也可以是日期對象(new Date("2017-12-31"))。這里被創建的cookie稱為“持續cookie”,也就是persistent cookie。

3、創建cookie病設置cookie的有效路徑:

$.cookie('name','value',{expires:7,path:'/'});

 默認情況下,只有創建cookie的網頁才能讀取該cookie的值。如果想讓一個網頁讀取另一個網頁的cookie,則必須設置cookie的有效路徑。path是設置能夠讀取cookie的頂級目錄,將這個路徑設置為網站的根目錄,則可以讓改網站下的所有的網頁都可以讀取cookie。注意:一般不要這樣設置,防止出現沖突。

4、讀取cookie:

$.cookie('name');

 如果存在名為‘name’的cookie,則返回對應的值,這里返回的是‘value’;如果不存在,則返回undefined;

5、讀取所有的可用的cookie:

$.cookie();

 6、刪除cookie:

$.cookie('name',null);

 如果刪除成功,則返回true,如果刪除失敗,則返回false;

如果設置了path,domain,則在刪除時要寫相同的屬性設置,否則會刪除失敗。如:

1 $.cookie('name', 'value', { path: '/' });
2 $.removeCookie('name'); // => false
3 $.removeCookie('name', { path: '/' }); // => true

 7、可選參數:

 $.cookie('the_cookie','the_value',{
    expires:7,            //(Number|Date)有效期;設置一個整數時,單位是天;也可以設置一個日期對象作為Cookie的過期日期; 
    path:'/',             //(String)創建該Cookie的頁面路徑;
    domain:'jquery.com',  //(String)創建該Cookie的頁面域名;
    secure:true       //(Booblean)如果設為true,那么此Cookie的傳輸會要求一個安全協議,例如:HTTPS;
}); 

 8、配置:

$.cookie.raw = true;

 在默認情況下,cookie值在寫/讀時會采用編碼/解碼,使用encodeURIComponent / decodeuricomponent。通過 raw 設置為true繞過此操作。

$.cookie.json = true;

打開作為cookie值傳遞的JSON對象的自動存儲。假設json.stringify和JSON.parse。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM