1. 程式人生 > >【轉】jquery cookie操作

【轉】jquery cookie操作

訪問網站 blog cookie img jquer src dom 存儲 購物

Cookie是網站設計者放置在客戶端的小文本文件。Cookie能為用戶提供很多的使得,例如購物網站存儲用戶曾經瀏覽過的產品列表,或者門戶網站記住用戶喜歡選擇瀏覽哪類新聞。 在用戶允許的情況下,還可以存儲用戶的登錄信息,使得用戶在訪問網站時不必每次都鍵入這些信息

Cookie下載地址: http://plugins.jquery.com/project/cookie

使用方法:

1.引入jquery.cookie.js

<script src="scripts/jquery-1.6.4.js" type="text/javascript"></script>  
<script src="scripts/jquery.cookie.js" type="text/javascript"></script>  

2.使用方法

1).新添加一個會話 cookie:

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

註:當沒有指明 cookie有效時間時,所創建的cookie有效期默認到用戶關閉瀏覽器為止,所以被稱為

“會話cookie(session cookie)”。

2).創建一個cookie並設置有效時間為 7天:

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

註:當指明了cookie有效時間時,所創建的cookie被稱為“持久 cookie (persistent cookie)”。

3).創建一個cookie並設置 cookie的有效路徑:

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

註:在默認情況下,只有設置 cookie的網頁才能讀取該 cookie。如果想讓一個頁面讀取另一個頁面設

置的cookie,必須設置cookie的路徑。cookie的路徑用於設置能夠讀取 cookie的頂級目錄。將這

個路徑設置為網站的根目錄,可以讓所有網頁都能互相讀取 cookie (一般不要這樣設置,防止出現沖突) 。

4).讀取cookie:

$.cookie(‘the_cookie‘); // cookie存在 => ‘the_value‘

$.cookie(‘not_existing‘); // cookie不存在 => null

5).刪除cookie,通過傳遞null作為cookie的值即可:

$.cookie(‘the_cookie‘, null);

3.將cookie寫入文件

技術分享
var COOKIE_NAME = ‘username‘;  
    if( $.cookie(COOKIE_NAME) ){  
        $("#username").val(  $.cookie(COOKIE_NAME) );  
    }  
    $("#check").click(function(){  
        if(this.checked){  
            $.cookie(COOKIE_NAME, $("#username").val() , { path: ‘/‘, expires: 10, domain: ‘jquery.com‘, secure: true });  
            //var date = new Date();  
            //date.setTime(date.getTime() + (3 * 24 * 60 * 60 * 1000)); //三天後的這個時候過期  
            //$.cookie(COOKIE_NAME, $("#username").val(), { path: ‘/‘, expires: date });  
        }else{  
            $.cookie(COOKIE_NAME, null, { path: ‘/‘ });  //刪除cookie  
        }  
    });
技術分享

參數設置:
expires: (Number | Date) 有效期,可以設置一個整數作為有效期(單位:天),也可以設置一個日期對象作為Cookie的過期日期。如果指定日期為負數,那麽此cookie將被刪除;如果不設置或者設置為null,那麽此cookie將被當作Session Cookie處理,並且在瀏覽器關閉後刪除

path: (String) Cookie的路徑屬性,默認是創建該cookie的頁面路徑

domain: (String) Cookie的域名屬性,默認是創建該cookie的頁面域名

secure: (Boolean) 如果設為true,那麽此cookie的傳輸會要求一個安全協議,例如HTTPS

【轉】jquery cookie操作