cookieの値について

Question

前提・実現したいこと

現在、jquery.cookie.jsというプラグインを使用してcookieの処理を実装しています。
cookieへ値をセットしたところ、値の前後に%22(ダブルクオテーション)が挿入された形でセットされます。

入れているデータ自体は「｜」繋ぎの文字列となるので%22がついてもおかしくはないのですが、これを削除する方法はあるのでしょうか？

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

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

■事象

$.cookie("COOKIE_TEST", "abc|def");

↓

%22abc%7Cdef%22

Comments

[SE-studying-now]

当方環境では、$.cookie("aaa", "abc|def")とした場合、aaaには「abc%7Cdef」となりました。
あえて$.cookie("aaa", '"abc|def"')とすると「%22abc%7Cdef%22」となります。
通常の方法ではダブルコーテーションは入らなかったため事象が再現できません。
問題となっているコードの提示をお願いします。

[m.ts10806]

他人が再現確認可能なコードの提示は必須です。
環境や状況次第で発生しないこともありますが、その他人が補完しなければいけない情報が多ければ多いほど的確なアドバイスとは程遠いものとなります。

[chiricode]

ご回答ありがとうございます。

>mts10806
不慣れですみません。。
ご指摘ありがとうございます！

> SE-studying-now
ご回答ありがとうございます！
ご丁寧に対応いただきありがとうございますmm
こちらでもご教示いただいたように下記で値を入れてみたのですが、
やはり前後に「%22」がついてしまいます。
-----------js
$.cookie(this.common.COOKIE_KEY, "abc|def");
-----------cookieの値
%22abc%7Cdef%22
※this.common.COOKIE_KEY：keyが変数で入っています

[m.ts10806]

質問は編集できるので質問本文に追記してください。
（こちらのコメント欄はデフォルト非表示です）

[chiricode]

>mts10806
ありがとうございます！
変更いたしました。

[chiricode]

試しに
$.cookie("COOKIE_TEST", "abc|def");
でキーを新設してみたのですが、結果は
%22abc%7Cdef%22
と同じでした。

Answer 1

• Configuration
  • json
    Turn on automatic storage of JSON objects passed as the cookie value. Assumes JSON.stringify and JSON.parse:

$.cookie.json = true;

ドキュメントより

と記載されていますので、jsonモードで書き込みしていると思います。
書き込み前にjsonモードをoffにすると消えると思います。
$.cookie.json = false;

(こちらでは説明をざっと読んだだけの回答なので、はずしてたらすみません)

Comments

[chiricode]

こちらの方法で直りました！
多くのご教示いただきありがとうございました！

Answer 2

とくにそうでもなさそうですが・・・・

<script src="https://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>
$(function(){
  $.cookie("COOKIE_TEST", "abc|def");
  console.log($.cookie("COOKIE_TEST"));
  console.log(document.cookie);
});
</script>