jquery enregistrer l'objet de données json dans le cookie

Comment enregistrer des données JSON dans un cookie?

Mes données JSON ressemblent à ceci

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

Et je veux faire quelque chose comme

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

et pour récupérer les données dans lesquelles je veux les charger $("#ArticlesHolder")comme

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

est-ce que quelqu'un sait si je suis sur la bonne voie ou cela devrait-il être fait d'une autre manière? En termes simples, comment mettre et extraire des données JSON à partir d'un cookie?

Vous pouvez sérialiser les données au format JSON, comme ceci:

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

Ensuite, pour l'obtenir à partir du cookie:

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

Cela repose sur JSON.stringify()etJSON.parse() pour sérialiser / désérialiser votre objet de données, pour les navigateurs plus anciens (IE <8), incluez json2.js pour obtenir la JSONfonctionnalité. Cet exemple utilise le plugin de cookie jQuery

Désormais, il n'est déjà plus nécessaire d'utiliser JSON.stringifyexplicitement. Exécutez simplement cette ligne de code

$.cookie.json = true;

Après cela, vous pouvez enregistrer n'importe quel objet dans un cookie, qui sera automatiquement converti en JSON et inversement à partir de JSON lors de la lecture du cookie.

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

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

Mais la bibliothèque JSON n'est pas fournie avec jquery.cookie, vous devez donc la télécharger vous-même et l'inclure dans la page html avant jquery.cookie.js

utiliser JSON.stringify(userData)pour coverty json object to string.

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

et pour se remettre de l'utilisation des cookies JSON.parse()

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

Il n'est pas recommandé d'enregistrer la valeur renvoyée JSON.stringify(userData)dans un cookie; cela peut conduire à un bug dans certains navigateurs.

Avant de l'utiliser, vous devez le convertir en base64 (en utilisant btoa), et lors de sa lecture, le convertir en base64 (en utilisant atob).

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

write_cookie(val)

Avec sérialiser les données au format JSON et Base64, dépendance 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));
}

:)

Essayez celui-ci: https://github.com/tantau-horia/jquery-SuperCookie

Utilisation rapide:

créer - créer un cookie

vérifier - vérifier l'existence

verify - vérifier la valeur du cookie si JSON

check_index - vérifie si l'index existe dans JSON

read_values ​​- lit la valeur du cookie sous forme de chaîne

read_JSON - lit la valeur du cookie en tant qu'objet JSON

read_value - lecture de la valeur de l'index stocké dans l'objet JSON

replace_value - remplace la valeur d'un index spécifié stocké dans l'objet JSON

remove_value - supprime la valeur et l'index stockés dans l'objet JSON

Utilisez simplement:

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