jquery Zapisz obiekt danych JSON w pliku cookie

Jak zapisać dane JSON w pliku cookie?

Moje dane JSON wyglądają tak

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

A ja chcę zrobić coś takiego

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

i odzyskać dane, chcę, aby załadować go do $("#ArticlesHolder")jak

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

czy ktoś wie, czy jestem na dobrej drodze, czy też należy to zrobić w inny sposób? Mówiąc najprościej, jak umieścić i pobrać dane JSON z pliku cookie?

Możesz serializować dane jako JSON, na przykład:

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

Następnie, aby uzyskać to z pliku cookie:

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

To zależy od JSON.stringify()iJSON.parse() do serializacji / deserializacji swój obiekt danych, dla starszych przeglądarek (IE <8) obejmują json2.js aby uzyskać JSONfunkcjonalność. W tym przykładzie zastosowano wtyczkę do plików cookie jQuery

Teraz nie ma już potrzeby JSON.stringifyjawnego używania . Po prostu wykonaj tę linię kodu

$.cookie.json = true;

Następnie możesz zapisać dowolny obiekt w pliku cookie, który zostanie automatycznie przekonwertowany na JSON iz powrotem z JSON podczas odczytu pliku cookie.

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

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

Ale biblioteka JSON nie zawiera jquery.cookie, więc musisz ją pobrać samodzielnie i dołączyć do strony html przed jquery.cookie.js

użyj, JSON.stringify(userData)aby zakryć obiekt json do ciągu.

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

i za wycofanie się z używania plików cookie JSON.parse()

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

Zapisywanie wartości zwracanej z JSON.stringify(userData)do pliku cookie nie jest dobrą praktyką ; może to prowadzić do błędu w niektórych przeglądarkach.

Przed użyciem należy przekonwertować go na base64 (używając btoa), a czytając go przekonwertować z base64 (używając atob).

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

write_cookie(val)

Z serializacją danych jako JSON i Base64, zależność 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));
}

:)

Wypróbuj ten: https://github.com/tantau-horia/jquery-SuperCookie

Szybkie użycie:

utwórz - utwórz plik cookie

sprawdź - sprawdź istnienie

weryfikuj - weryfikuj wartość cookie, jeśli JSON

check_index - sprawdź, czy indeks istnieje w JSON

read_values ​​- odczytaj wartość cookie jako ciąg znaków

read_JSON - odczytaj wartość cookie jako obiekt JSON

read_value - odczyt wartości indeksu przechowywanego w obiekcie JSON

replace_value - zastępuje wartość z określonego indeksu przechowywanego w obiekcie JSON

remove_value - usuwa wartość i indeks przechowywany w obiekcie JSON

Po prostu użyj:

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