cookieの取得 書き方 基本

Question

発生している問題・エラーメッセージ

cookieを取得させたいのですが書き方がわかりません。

<script src="js/jquery.cookie.js"></script>
<script type="text/javascript">
	$.cookie('id', 'test25');
</script>

前提・実現したいこと

上記の書き方だと下記のエラーが出てしまします！
何が足りないのでしょうか・・・

このページに来たら
名前=id, 値=test25
をつけてあげるという風にしたいです。

$.cookie is not a function. (In '$.cookie('id', 'test25')', '$.cookie' is undefined)

試したこと

$.cookie('id', 'test25');
console.log(document.cookie);

Answer 1

たんにjQuery本体を読み込んでないのでは?

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
<script>
$.cookie('id', 'test25');
console.log(document.cookie);
</script>

Comments

[okama]

申し訳ございません。
そこまで書いていなかったのですが、
cookie.jsの直上に

<script src="js/jquery-1.11.3.min.js"></script>

を読み込んでいます。
このファイルではダメでしょうか。。

[okama]

ちなみに記述いただいたものは
公式のフリーのファイルなんですか？

[yambejp]

公開されているやつですね。
jQueryのhttpはhttpsの方がよいかもしれませんが

[okama]

教えていただいたやつにしたらエラーでなくなりました！

ありがとうございます。

もしご存知であれば教えていただきたのですが、
なぜ最初の

<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/cookie.js"></script>

では効かないのでしょうか？

[yambejp]

なんともいえませんが、そのエラーを見る限り
jQuery本体はちゃんと読めているけど、クッキーライブラリの方が
読めてなさそうですね。
単純に指定間違いか、ファイルが壊れているかじゃないでしょうか？

[yambejp]

かぶった

[okama]

なるほど。。。
できれば相対パスで読み込みたかったので、、

いろいろありがとうございました！

[okama]

解決済みなのにすみません。。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
<script>
$.cookie('id', 'test25');
console.log(document.cookie);
</script>

で取得したcookieを違うドメインに行ったとしても
効かせて置くことはできますか？

[yambejp]

> cookieを違うドメインに行ったとしても
> 効かせて置くことはできますか？

クッキー自体がクロスドメインに対応しないので無理ですね
クッキー以外の方法を検討ください

[okama]

そうなんですね。。。。

domain属性　で指定することは無理なんですね。。