jquery guardar objeto de datos json en cookie

¿Cómo guardo datos JSON en una cookie?

Mis datos JSON se ven así

$("#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'});

Y quiero hacer algo como

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

y para recuperar los datos quiero cargarlos en $("#ArticlesHolder")like

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

¿Alguien sabe si estoy en el camino correcto o debería hacerse de otra manera? En pocas palabras, ¿cómo coloco y extraigo datos json de una cookie?

Puede serializar los datos como JSON, así:

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

Luego, para obtenerlo de la cookie:

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

Esto se basa en JSON.stringify()yJSON.parse() para serializar / deserializar su objeto de datos, para los navegadores más antiguos (IE <8) se incluye json2.js para obtener la JSONfuncionalidad. Este ejemplo usa el complemento de cookies jQuery

Ahora ya no es necesario utilizarlo JSON.stringifyexplícitamente. Simplemente ejecute esta línea de código

$.cookie.json = true;

Después de eso, puede guardar cualquier objeto en la cookie, que se convertirá automáticamente a JSON y volverá de JSON al leer la cookie.

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

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

Pero la biblioteca JSON no viene con jquery.cookie, por lo que debe descargarla usted mismo e incluirla en la página html antes de jquery.cookie.js

utilizar JSON.stringify(userData)para coverty json object to string.

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

y para recuperarse del uso de cookies JSON.parse()

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

No es una buena práctica guardar el valor que se devuelve JSON.stringify(userData)en una cookie; puede provocar un error en algunos navegadores.

Antes de usarlo, debe convertirlo a base64 (usando btoa), y al leerlo, convertirlo de base64 (usando atob).

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

write_cookie(val)

Con serializar los datos como JSON y Base64, dependencia 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));
}

:)

Prueba este: https://github.com/tantau-horia/jquery-SuperCookie

Uso rápido:

crear - crear cookie

comprobar - comprobar la existencia

verificar: verificar el valor de la cookie si es JSON

check_index: verifica si el índice existe en JSON

read_values ​​- lee el valor de la cookie como una cadena

read_JSON - lee el valor de la cookie como un objeto JSON

read_value - valor de lectura del índice almacenado en el objeto JSON

replace_value: reemplaza el valor de un índice especificado almacenado en el objeto JSON

remove_value: elimina el valor y el índice almacenados en el objeto JSON

Solo usa:

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