jquery salva l'oggetto dati json nel cookie

Come si salvano i dati JSON in un cookie?

I miei dati JSON hanno questo aspetto

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

E voglio fare qualcosa di simile

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

e per recuperare i dati in cui voglio caricarli $("#ArticlesHolder")come

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

qualcuno sa se sono sulla strada giusta o dovrebbe essere fatto in qualche altro modo? In poche parole, come faccio a inserire e estrarre dati JSON da un cookie?

Puoi serializzare i dati come JSON, in questo modo:

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

Quindi per ottenerlo dal cookie:

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

Questo si basa su JSON.stringify()eJSON.parse() per serializzare / deserializzare l'oggetto dati, per i browser meno recenti (IE <8) includere json2.js per ottenere la JSONfunzionalità. Questo esempio utilizza il plugin cookie jQuery

Ora non è già necessario utilizzare JSON.stringifyesplicitamente. Basta eseguire questa riga di codice

$.cookie.json = true;

Dopodiché puoi salvare qualsiasi oggetto nel cookie, che verrà automaticamente convertito in JSON e di nuovo da JSON durante la lettura del cookie.

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

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

Ma la libreria JSON non viene fornita con jquery.cookie, quindi devi scaricarla da solo e includerla nella pagina html prima di jquery.cookie.js

utilizzare JSON.stringify(userData)per coprire l'oggetto json da stringere.

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

e per tornare indietro dall'uso dei cookie JSON.parse()

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

Non è buona norma salvare il valore restituito da JSON.stringify(userData)un cookie; può portare a un bug in alcuni browser.

Prima di usarlo, dovresti convertirlo in base64 (usando btoa) e durante la lettura, convertirlo da base64 (usando atob).

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

write_cookie(val)

Con serializzare i dati come JSON e Base64, dipendenza 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));
}

:)

Prova questo: https://github.com/tantau-horia/jquery-SuperCookie

Utilizzo rapido:

creare - creare cookie

check - controlla l'esistenza

verifica: verifica il valore del cookie se JSON

check_index: verifica se l'indice esiste in JSON

read_values ​​- legge il valore del cookie come stringa

read_JSON - legge il valore del cookie come oggetto JSON

read_value - legge il valore dell'indice memorizzato nell'oggetto JSON

sostituire_valore: sostituire il valore da un indice specificato memorizzato nell'oggetto JSON

remove_value: rimuove il valore e l'indice memorizzati nell'oggetto JSON

Usa solo:

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