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"))