スポンサーリンク

Yahoo!のユーザーインターフェースライブラリ YUIの Cookie
Utilityを試してみました。

まずは、Cookie Utilityを読み込みます。

<!-- Dependencies --> 
<script type="text/javascript"
src="http://yui.yahooapis.com/2.5.0/build/yahoo/yahoo-min.js"></script>

<!-- Source File -->
<script type="text/javascript"
src="http://yui.yahooapis.com/2.5.0/build/cookie/cookie-beta-min.js"></script>

Cookieのセット方法

YAHOO.util.Cookie.set("name", "value"); 

永続的なCookie(persistent cookie)を書くには、expiresを指定します。
YAHOO.util.Cookie.set("name", "value", { expires: new
		Date("January 12, 2025") });

ドメイン(domain)やパスを指定する方法を下記に示します。
YAHOO.util.Cookie.set("name", "value", {
	path: "/",           // すべてのページで読めます
	domain: "yahoo.co.jp"   //yahoo.co.jpのサブドメイン, www.yahoo.co.jpなどが含まれます
});

cookieへのアクセスは、SSLを通したHTTPSのページでのみ許可する場合は、
secureのオプションを利用します。

YAHOO.util.Cookie.set("name", "value", { secure: true }); 

Cookieの値の取得

Cookieを読む方法。

var value = YAHOO.util.Cookie.get("name"); 

Cookieを削除する

// "code" cookie を削除します。
YAHOO.util.Cookie.remove("code");

// "yahoo.co.jp"ドメインの cookie "info" を削除します
YAHOO.util.Cookie.remove("info", { domain: "yahoo.co.jp" });

// セキュア cookie "username" を削除します
YAHOO.util.Cookie.remove("username", { secure: true });

Sub Cookieの書込

ブラウザごとにドメインごとにセットできるCookieの数は制限されています。
名前と値のペアは、個々のcookieでcookieの最大バイトサイズになることはまれです。
1つのcookieに複数の名前と値のペアを格納することができます。
それをsubcookie(サブクッキー)と呼びます。

subcookieは、以下のようなフォーマットになります。

CookieName=Name1=Value1&Name2=Value2


YAHOO.util.Cookie.setSub("Z", "a", "10");
YAHOO.util.Cookie.setSub("Z", "b", "20");
YAHOO.util.Cookie.setSub("Z", "c", "30");

var oData = {
	name: "hoge",
	age: 100,
	track: true
};
YAHOO.util.Cookie.setSubs("user", oData);
// user=name=hoge&age=100&track=true

Sub Cookieの読み込み

// まるごと読み込み
// a=10&b=20&c=30
var z = YAHOO.util.Cookie.get("Z");

// Z cookieのサブキー a を読む
var a = YAHOO.util.Cookie.getSub("Z", "a");

スポンサーリンク
スポンサーリンク
 
いつもシェア、ありがとうございます!


もっと情報を探しませんか?

関連記事

最近の記事

人気のページ

はてなの人気のブックマーク

スポンサーリンク
 

過去ログ

2019 : 01 02 03 04 05 06 07 08 09 10 11 12
2018 : 01 02 03 04 05 06 07 08 09 10 11 12
2017 : 01 02 03 04 05 06 07 08 09 10 11 12
2016 : 01 02 03 04 05 06 07 08 09 10 11 12
2015 : 01 02 03 04 05 06 07 08 09 10 11 12
2014 : 01 02 03 04 05 06 07 08 09 10 11 12
2013 : 01 02 03 04 05 06 07 08 09 10 11 12
2012 : 01 02 03 04 05 06 07 08 09 10 11 12
2011 : 01 02 03 04 05 06 07 08 09 10 11 12
2010 : 01 02 03 04 05 06 07 08 09 10 11 12
2009 : 01 02 03 04 05 06 07 08 09 10 11 12
2008 : 01 02 03 04 05 06 07 08 09 10 11 12
2007 : 01 02 03 04 05 06 07 08 09 10 11 12
2006 : 01 02 03 04 05 06 07 08 09 10 11 12
2005 : 01 02 03 04 05 06 07 08 09 10 11 12
2004 : 01 02 03 04 05 06 07 08 09 10 11 12
2003 : 01 02 03 04 05 06 07 08 09 10 11 12

サイト

Vim入門

C言語入門

C++入門

JavaScript/Node.js入門

Python入門

FreeBSD入門

Ubuntu入門

セキュリティ入門

パソコン自作入門

ブログ

トップ


プライバシーポリシー