jquery зберегти об'єкт даних json у файлі cookie

Як зберегти дані JSON у файлі cookie?

Мої дані JSON виглядають приблизно так

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

І я хочу зробити щось подібне

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

і для отримання даних, які я хочу завантажити в $("#ArticlesHolder")ніби

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

хтось знає, чи я на вірному шляху чи це потрібно зробити якимось іншим способом? Простіше кажучи, як я можу вставити та витягнути дані json з файлу cookie?

Ви можете серіалізувати дані як JSON, як це:

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

Потім, щоб отримати його з файлу cookie:

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

Це покладається на JSON.stringify()таJSON.parse() серіалізує / десериалізує ваш об’єкт даних, для старих браузерів (IE <8) включіть json2.js для отримання JSONфункціональності. У цьому прикладі використовується плагін cookie jQuery

Тепер вже немає необхідності використовувати JSON.stringifyявно. Просто виконайте цей рядок коду

$.cookie.json = true;

Після цього ви можете зберегти будь-який об’єкт у файлі cookie, який буде автоматично перетворений в JSON і назад з JSON при читанні файлів cookie.

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

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

Але бібліотека JSON не постачається з jquery.cookie, тому її потрібно завантажити самостійно і включити на сторінку html перед jquery.cookie.js

використовувати JSON.stringify(userData)для прив'язки об'єкта json до рядка.

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

і для повернення від використання файлів cookie JSON.parse()

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

Недоцільно зберігати значення, яке повертається з JSON.stringify(userData)файлу cookie; це може призвести до помилок у деяких браузерах.

Перш ніж використовувати його, слід перетворити його на base64 (за допомогою btoa), а під час читання - перетворити з base64 (за допомогою atob).

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

write_cookie(val)

З серіалізацією даних як JSON та Base64, залежність 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));
}

:)

Спробуйте це: https://github.com/tantau-horia/jquery-SuperCookie

Швидке використання:

create - створити cookie

check - перевірити існування

verify - перевірити значення файлу cookie, якщо JSON

check_index - перевірте, чи існує індекс у JSON

read_values ​​- читати значення файлу cookie як рядок

read_JSON - читати значення файлу cookie як об’єкт JSON

read_value - значення зчитування індексу, що зберігається в об'єкті JSON

substitu_value - замінити значення з вказаного індексу, що зберігається в об'єкті JSON

remove_value - видалити значення та індекс, що зберігаються в об'єкті JSON

Просто використовуйте:

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