jquery save json objeto de datos en cookie

Question

¿Cómo guardo los datos JSON en una cookie?

Mis datos JSON se parece a esto

$("#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 que quiero cargarlo en $("#ArticlesHolder") como

$.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 pongo y extraigo los datos json de una cookie?

Answer 1

Puede serializar los datos como JSON, como esto:

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

Luego de obtener de la cookie:

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

Esto se basa en JSON.stringify() and JSON.parse() para serializar/deserializar el objeto de datos, por los navegadores más antiguos (IE < 8) incluyen json2.js para obtener la funcionalidad JSON. Este ejemplo utiliza el jQuery cookie plugin

Answer 2

usa JSON.stringify(userData) para el objeto coverty json en la cadena.

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

y para volver por el uso de cookies JSON.parse()

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

Answer 3

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

Uso rápida:

crear - crear cookies

cheque - check existencia

verificar - verificar valor de la cookie si JSON

check_index - verificar si existe índice en JSON

read_values ​​- leer valor de la cookie como cadena

read_JSON - leer valor de la cookie como JSON oponerse

read_value - valor leído del índice almacenado en el objeto JSON

replace_value - sustituir el valor de un índice especificado almacenado en el objeto JSON

remove_value - quitar valor y el índice almacenado en el objeto JSON

sólo tiene que utilizar:

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

Answer 4

Ahora ya no hay necesidad de use JSON.stringify explícitamente. Sólo hay que ejecutar esta línea de código

$.cookie.json = true; 

Después de que se puede guardar cualquier objeto de galleta, que se convierte automáticamente en JSON y JSON de vuelta de la lectura de la galleta.

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

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

Pero biblioteca JSON no viene con jquery.cookie, así que hay que descargar por sí mismo e incluir en la página HTML antes de jquery.cookie.js

Answer 5

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

Antes de usarlo, debe convertirlo a base 64 (utilizando btoa), y al leerlo, convertir de base 64 (usando atob).

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

write_cookie(val)