jqueryはjsonデータオブジェクトをcookieに保存します

JSONデータをCookieに保存するにはどうすればよいですか？

私のJSONデータは次のようになります

$("#ArticlesHolder").data('15', {name:'testname', nr:'4',price:'400'});
$("#ArticlesHolder").data('25', {name:'name2', nr:'1', price:'100'});
$("#ArticlesHolder").data('37', {name:'name3', nr:'14', price:'60'});

そして、私は何かをしたいです

var dataStore = $.cookie("basket-data", $("#ArticlesHolder").data());

そして、それを$("#ArticlesHolder")好きなようにロードしたいデータを取得する

$.each($.cookie("basket-data"), function(i,e){
 $("#ArticlesHolder").data(i, e);
});

誰かが私が正しい軌道に乗っているかどうかを知っていますか、これを他の方法で行う必要がありますか？簡単に言うと、Cookieからjsonデータをどのようにしてプルするのですか？

次のように、データをJSONとしてシリアル化できます。

$.cookie("basket-data", JSON.stringify($("#ArticlesHolder").data()));

次に、それをCookieから取得します。

$("#ArticlesHolder").data(JSON.parse($.cookie("basket-data")));

これは、データオブジェクトに依存しJSON.stringify()、JSON.parse()データオブジェクトをシリアル化/逆シリアル化します。古いブラウザー（IE <8）では、JSON機能を取得するためにjson2.jsが含まれています。この例では、jQuery cookieプラグインを使用します

現在、JSON.stringify明示的に使用する必要はすでにありません。このコード行を実行するだけです

$.cookie.json = true;

その後、任意のオブジェクトをCookieに保存できます。Cookieを読み取ると、オブジェクトは自動的にJSONに変換され、JSONから戻されます。

var user = { name: "name", age: 25 }
$.cookie('user', user);
...

var currentUser = $.cookie('user');
alert('User name is ' + currentUser.name);

ただし、JSONライブラリにはjquery.cookieが付属していないため、自分でダウンロードし、jquery.cookie.jsの前にhtmlページに含める必要があります。

JSON.stringify(userData)jsonオブジェクトを文字列に変換するために使用します。

var dataStore = $.cookie("basket-data", JSON.stringify($("#ArticlesHolder").data()));

そしてクッキーの使用から戻るため JSON.parse()

var data=JSON.parse($.cookie("basket-data"))

から返された値をJSON.stringify(userData)Cookie に保存することはお勧めしません。一部のブラウザでバグが発生する可能性があります。

使用する前に、base64に変換し（を使用btoa）、それを読み取るときにbase64から変換する必要があります（を使用atob）。

val = JSON.stringify(userData)
val = btoa(val)

write_cookie(val)

JSONとBase64としてデータをシリアル化すると、依存関係jquery.cookie.js：

var putCookieObj = function(key, value) {
    $.cookie(key, btoa(JSON.stringify(value)));
}

var getCookieObj = function (key) {
    var cookie = $.cookie(key);
    if (typeof cookie === "undefined") return null;
    return JSON.parse(atob(cookie));
}

:)

これを試してください：https : //github.com/tantau-horia/jquery-SuperCookie

クイック使用：

create-cookieを作成する

チェック-存在をチェック

verify-JSONの場合、Cookie値を検証します

check_index-JSONにインデックスが存在するかどうかを確認します

read_values-Cookie値を文字列として読み取ります

read_JSON-Cookie値をJSONオブジェクトとして読み取る

read_value-JSONオブジェクトに格納されたインデックスの値を読み取ります

replace_value-JSONオブジェクトに格納されている指定されたインデックスの値を置き換えます

remove_value-JSONオブジェクトに保存されている値とインデックスを削除します

ただ使用する：

$.super_cookie().create("name_of_the_cookie",name_field_1:"value1",name_field_2:"value2"});
$.super_cookie().read_json("name_of_the_cookie");