jquery speichere json-Datenobjekt im Cookie

Wie speichere ich JSON-Daten in einem Cookie?

Meine JSON-Daten sehen so aus

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

Und ich möchte so etwas tun

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

und um die Daten abzurufen, möchte ich sie in $("#ArticlesHolder")like laden

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

Weiß jemand, ob ich auf dem richtigen Weg bin oder sollte dies auf andere Weise geschehen? Einfach ausgedrückt, wie kann ich JSON-Daten aus einem Cookie ablegen?

Sie können die Daten wie folgt als JSON serialisieren:

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

Dann, um es aus dem Cookie zu bekommen:

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

Dies basiert auf JSON.stringify()undJSON.parse() zum Serialisieren / Deserialisieren Ihres Datenobjekts. Ältere Browser (IE <8) enthalten json2.js , um die JSONFunktionalität zu erhalten. In diesem Beispiel wird das jQuery-Cookie-Plugin verwendet

Jetzt besteht keine Notwendigkeit mehr, JSON.stringifyexplizit zu verwenden . Führen Sie einfach diese Codezeile aus

$.cookie.json = true;

Danach können Sie jedes Objekt in einem Cookie speichern, das beim Lesen des Cookies automatisch in JSON und zurück von JSON konvertiert wird.

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

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

Die JSON-Bibliothek wird jedoch nicht mit jquery.cookie geliefert. Sie müssen sie daher selbst herunterladen und vor jquery.cookie.js in die HTML-Seite aufnehmen

Verwenden Sie JSON.stringify(userData)diese Option, um ein JSON-Objekt in eine Zeichenfolge umzuwandeln.

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

und für die Rückkehr von der Verwendung von Cookies JSON.parse()

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

Es wird nicht empfohlen, den zurückgegebenen Wert JSON.stringify(userData)in einem Cookie zu speichern . In einigen Browsern kann dies zu einem Fehler führen.

Bevor Sie es verwenden, sollten Sie es in base64 (using btoa) konvertieren und beim Lesen von base64 (using atob) konvertieren .

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

write_cookie(val)

Wenn Sie die Daten als JSON und Base64 serialisieren, ist die Abhängigkeit 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));
}

:) :)

Versuchen Sie dies: https://github.com/tantau-horia/jquery-SuperCookie

Schnelle Verwendung:

erstellen - Cookie erstellen

check - Existenz prüfen

verify - Überprüfen Sie den Cookie-Wert bei JSON

check_index - Überprüfen Sie, ob der Index in JSON vorhanden ist

read_values ​​- Cookie-Wert als Zeichenfolge lesen

read_JSON - Cookie-Wert als JSON-Objekt lesen

read_value - Lesewert des im JSON-Objekt gespeicherten Index

replace_value - Ersetzt den Wert eines angegebenen Index, der im JSON-Objekt gespeichert ist

remove_value - entfernt den im JSON-Objekt gespeicherten Wert und Index

Benutz einfach:

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