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），请包含json2.js以获得JSON功能。本示例使用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()));

并从cookie使用中恢复 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

快速用法：

创建-创建cookie

检查-检查存在

验证-验证cookie值是否为JSON

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