jQueryまたはjavascriptを使用してCookieを処理する方法


jQueryまたはjavascriptを使用してCookieを処理する方法
Cookieはフロント開発でよく使われる技術で、HTML 5以前にクライアントが使用できる唯一のローカルストレージ方式として、簡単なデータのローカル保存を実現するのに効果的です.今日はJavascriptとjQuery方式を用いてCookieの処理と保存について紹介します.Javascriptjavascript処理クッキー:
function setCookie(name,value,days) {
 
    if (days) {
 
        var date = new Date();
 
        date.setTime(date.getTime()+(days*24*60*60*1000));
 
        var expires = "; expires="+date.toGMTString();
 
    }
 
    else var expires = "";
 
    document.cookie = name+"="+value+expires+"; path=/";
}
 
function getCookie(name) {
 
    var nameEQ = name + "=";
 
    var ca = document.cookie.split(';');
 
    for(var i=0;i < ca.length;i++) {
 
        var c = ca[i];
 
        while (c.charAt(0)==' ') c = c.substring(1,c.length);
 
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
 
    }
 
    return null;
}
 
function deleteCookie(name) {
 
    setCookie(name,"",-1);
}
/*
 
  Changed function names from readCookie(), createCookie()
 
  and eraseCookie() to getCookie(), setCookie() and
 
  deleteCookie().
*/
次のコードは、上記のクッキー処理方法を呼び出します.
 
// Create/write a cookie and store it for 1 day
setCookie('myCookie', 'myValue', 1);
// Get my cookie
getCookie('myCookie');
// Delete/erase my cookie
deleteCookie('myCookie');
jQueryjQuery自体にCookieの処理方法はありませんが、一部のプラグインを使用しても同様にcookieを処理できます.ここでは特別なjQueryプラグインを使用します.Cookie plugin設定cookie:
$(document).ready(function(){          
        //       cookie,                   
        $.cookie("website","GBin1.com");          
        //       demo cookie         
        $.cookie("demo",text,{expires: 7, path: '/', domain: 'www.gbin1.com'});          
        // "text"  cookie 
});
cookieの読み取り:
$(document).ready(function(){          
        //    website cookie:         
        var str = $.cookie("website");          
        // str      GBin1.com 
});
Cookieの削除:
$(document).ready(function(){          
        //   cookie
        var str = $.cookie("website",null);          
        // No more kittens 
});
追加バージョンを使用して複数のcookieを同時に処理できます.
//     cookies
$.cookie({ 'cookie1':'value1', 'cookie2':'value2' });