jQuery将json数据对象保存在cookie中

Question

如何将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数据？

Answer 1

您可以将数据序列化为JSON，如下所示：$.cookie("basket-data", JSON.stringify($("#ArticlesHolder").data()));然后从cookie中获取它：$("#ArticlesHolder").data(JSON.parse($.cookie("basket-data")));这依赖于JSON.stringify()并JSON.parse()序列化/反序列化您的数据对象，对于较旧的浏览器（IE <8），请包含json2.js以获得JSON功能。本示例使用jQuery cookie插件

Answer 2

用于JSON.stringify(userData)将JSON对象覆盖。var dataStore = $.cookie("basket-data", JSON.stringify($("#ArticlesHolder").data()));并从cookie使用中恢复 JSON.parse()var data=JSON.parse($.cookie("basket-data"))