1. ホーム
  2. jquery

[解決済み] jquery save json data object in cookie (jsonデータオブジェクトをクッキーに保存する)

2022-10-11 04:48:14

質問

JSONデータをクッキーに保存するにはどうすればよいですか?

私の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);
});

は、私が正しい道を歩んでいるか、または他の方法でこれを行うべきであるかどうか、誰か知っていますか?簡単に言うと、私はどのようにクッキーからjsonデータを置いたり、引き出したりするのでしょうか?

どのように解決するのですか?

以下のように、データをJSONとしてシリアライズすればよいでしょう。

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

次に、クッキーから取得するために

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

これは JSON.stringify()JSON.parse() を使用してデータオブジェクトをシリアライズ/デシリアライズします。古いブラウザ (IE<8) では json2.js を追加してください。 JSON という機能があります。この例では jQuery cookieプラグイン