jQueryまたはjavascriptを使用してCookieを処理する方法
jQueryまたはjavascriptを使用してCookieを処理する方法
Cookieはフロント開発でよく使われる技術で、HTML 5以前にクライアントが使用できる唯一のローカルストレージ方式として、簡単なデータのローカル保存を実現するのに効果的です.今日はJavascriptとjQuery方式を用いてCookieの処理と保存について紹介します.Javascriptjavascript処理クッキー:
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' });