jQuery сохранение объекта данных json в файле cookie

Question

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?

640 6

jQuery cookies jquery-cookie

6 ответов:

Comments

Ничего не найдено.

Nick Craver · Accepted Answer · 2017-03-02 12:11:22

вы можете сериализовать данные как JSON, например:
$.cookie("basket-data", JSON.stringify($("#ArticlesHolder").data()));
затем, чтобы получить его из cookie:
$("#ArticlesHolder").data(JSON.parse($.cookie("basket-data")));
Это зависит от JSON.stringify() и JSON.parse() для сериализации / десериализации объекта данных, для старых браузеров (IEjson2.js для получения JSON функциональность. В этом примере используется jQuery cookie плагин

Vitalii Korsakov · Accepted Answer · 2014-10-12 06:53:56

Теперь уже нет необходимости использовать 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.печенье.js

XMen · Accepted Answer · 2013-08-28 23:05:00

использовать JSON.stringify(userData) для покрытия объекта json в строку.
var dataStore = $.cookie("basket-data", JSON.stringify($("#ArticlesHolder").data()));
а для возвращения из cookie используйте JSON.parse()
var data=JSON.parse($.cookie("basket-data"))

Eyal Ch · Accepted Answer · 2016-11-15 22:33:48

не рекомендуется сохранять значение, возвращаемое из JSON.stringify(userData) для файлы cookie; это может привести к ошибке в некоторых браузерах.

перед использованием его, вы должны преобразовать его в base64 (через btoa), и при чтении его, сконвертировать из base64 (через atob).
val = JSON.stringify(userData)
val = btoa(val)

write_cookie(val)

asimov · Accepted Answer · 2018-05-13 15:18:01

с сериализацией данных как JSON и Base64, зависимость jquery.печенье.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));
}
:)

Tantau Horia · Accepted Answer · 2012-10-19 12:21:09

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

Быстрая Загрузка:

create-создать cookie

проверяем - проверяем наличие

verify-проверить значение cookie, если JSON

check_index-проверьте, существует ли индекс в JSON

read_values-читать значение cookie в виде строки

read_JSON-читать значение cookie как объект JSON

read_value-чтение значения Индекса, хранящегося в объекте JSON

replace_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");