質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Cookie

HTTPにおけるCookieとは、クライアントのウェブブラウザ上に保存された一時的なデータを指します。クライアント側のJavaScriptでも、サーバー側のHTTPヘッダーでもクッキーの読み書き・修正・削除が可能です。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Q&A

解決済

3回答

1985閲覧

jquery.cookieについて

chiricode

総合スコア16

Cookie

HTTPにおけるCookieとは、クライアントのウェブブラウザ上に保存された一時的なデータを指します。クライアント側のJavaScriptでも、サーバー側のHTTPヘッダーでもクッキーの読み書き・修正・削除が可能です。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

0グッド

0クリップ

投稿2019/01/18 02:34

編集2019/01/18 02:44

jquery.cookieを使用しcookieに値を保存しています。
ページロード時に保存したcookieを確認してhogehogeしたいのですが、
確かにcookieは保存されているものの、console.logで表示してもundefinedとなってしまいます。

オプションなどの影響があるのでしょうか?

■環境
スマホ
※cookieの挙動確認は、chrome(PC)でおこなっています。

■使用プラグイン
jQuery Cookie Plugin v1.4.0
https://github.com/carhartl/jquery-cookie)

■セット方法

$.cookie.json = false; $.cookie("_hogekey_", "TEST|TEST2", {expires: 90, path: '/', secure: true});

■確認方法

console.log($.cookie("_hogekey_")); // undefined console.log(document.cookie); ↑こちらではちゃんと表示されるので入ってないわけではない?

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

kei344

2019/01/18 02:48 編集

書かれている状況が再現するコード(HTML/JavaScript)を提示されたほうが回答を得やすいと思います。
guest

回答3

0

ベストアンサー

** $.cookie.json=falseの場合 **

  • 保存 : 渡された値をそのままCokieに保存
  • 取り出し: Cokieに保存されていた値をそのまま返却

** $.cookie.json=trueの場合 **

  • 保存 : 渡された値をJSON.stringifyしてCokieに保存
  • 取り出し: Cokieに保存されていた値をJSON.parseして返却

$.cookie.jsonの値で上記のように動作が変わります。

したがって、$.cookie.json=falseの状態で"TEST|TEST2"を保存すると、そのまま保存されるわけですが、
これを$.cookie.json=tureの状態で取り出した場合、Cookieに保存していた"TEST|TEST2"の値をJSON.parseした値を返却しよとします。
しかし、"TEST|TEST2"はparse出来ませんのでエラーとなりundefinedが返却されます。

よって、ご質問の回答は、$.cookie.json=falseにして、取り出せば良いです。

javascript

1$.cookie.json = false; 2console.log($.cookie("_hogekey_"))

個人的には$.cookie.jsonの値はプロジェクトで統一しておいた方が無難だと思います。


(追記)
https://github.com/carhartl/jquery-cookieのドキュメントしか見ずに回答しているので
kunaiさんの回答の方が正解かもしれません。

投稿2019/01/18 04:50

編集2019/01/22 23:12
退会済みユーザー

退会済みユーザー

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

chiricode

2019/01/22 14:51

ありがとうございます! 対象のページのみご指摘いただいた箇所が未設定でした。。 様々なご意見、大変参考になりました。 ありがとうございました。
guest

0

ファイルをローカルに置いて確認してたりしませんか?
ローカルで確認する場合、ChromeだとCookie見られませんよ。
また、ローカルだとsecure=trueがあると(当然ながら)NGですね。

手元でEdgeで確認しましたが、普通に見えています。

HTML

1<!--test1.html--> 2<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 3<script src="jquery.cookie.js"></script> 4<script> 5$(function(){ 6 $.cookie.json = false; 7 $.cookie("_hogekey_", "TEST|TEST2", {expires: 90, path: '/', secure: false}); 8}); 9</script> 10<a href="test2.html">test2.html</a>

HTML

1<!--test2.html--> 2<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 3<script src="jquery.cookie.js"></script> 4<script> 5$(function(){ 6 $("#t").text($.cookie("_hogekey_")); 7 console.log($.cookie("_hogekey_")); 8 9 console.log(document.cookie); 10}); 11 12</script> 13<a href="test.html">test.html</a> 14<div id="t"></div>

投稿2019/01/18 04:44

kunai

総合スコア5405

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

引数何もなしだからではないでしょうか?
通常は保存したKEYを指定して取り出すものだと思います。

投稿2019/01/18 02:41

m.ts10806

総合スコア80765

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

chiricode

2019/01/18 02:44

失礼しました! keyを指定してやってみたのですがやはりundefinedとなります。。
m.ts10806

2019/01/18 02:47

コードの全体像が分からないので、もう少し全体の流れがわかるようなコードで提示いただけますか?
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問