jquery menyimpan objek data json dalam cookie

Bagaimana cara menyimpan data JSON dalam cookie?

Data JSON saya terlihat seperti ini

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

Dan saya ingin melakukan sesuatu seperti

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

dan untuk mengambil data saya ingin memuatnya ke dalam $("#ArticlesHolder")like

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

apakah ada yang tahu apakah saya berada di jalur yang benar atau haruskah ini dilakukan dengan cara lain? Sederhananya, bagaimana cara menempatkan dan menarik data json dari cookie?

Anda dapat membuat serial data sebagai JSON, seperti ini:

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

Kemudian untuk mendapatkannya dari cookie:

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

Ini bergantung pada JSON.stringify()danJSON.parse() untuk membuat serial / deserialisasi objek data Anda, untuk browser yang lebih lama (IE <8) termasuk json2.js untuk mendapatkan JSONfungsionalitasnya. Contoh ini menggunakan plugin cookie jQuery

Sekarang sudah tidak perlu menggunakan JSON.stringifysecara eksplisit. Jalankan saja baris kode ini

$.cookie.json = true;

Setelah itu Anda dapat menyimpan objek apa pun dalam cookie, yang akan secara otomatis diubah menjadi JSON dan kembali dari JSON saat membaca cookie.

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

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

Namun library JSON tidak disertakan dengan jquery.cookie, jadi Anda harus mendownloadnya sendiri dan memasukkannya ke halaman html sebelum jquery.cookie.js

gunakan JSON.stringify(userData)untuk menutupi objek json ke string.

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

dan untuk kembali dari penggunaan cookie JSON.parse()

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

Bukan praktik yang baik untuk menyimpan nilai yang dikembalikan dari JSON.stringify(userData)ke cookie; ini dapat menyebabkan bug di beberapa browser.

Sebelum menggunakannya, Anda harus mengubahnya menjadi base64 (menggunakan btoa), dan saat membacanya, konversikan dari base64 (menggunakan atob).

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

write_cookie(val)

Dengan membuat data menjadi serial sebagai JSON dan Base64, ketergantungan 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));
}

:)

Coba yang ini: https://github.com/tantau-horia/jquery-SuperCookie

Penggunaan Cepat:

buat - buat cookie

periksa - periksa keberadaan

verifikasi - verifikasi nilai cookie jika JSON

check_index - verifikasi jika indeks ada di JSON

read_values ​​- membaca nilai cookie sebagai string

read_JSON - membaca nilai cookie sebagai objek JSON

read_value - membaca nilai indeks yang disimpan dalam objek JSON

replace_value - ganti nilai dari indeks tertentu yang disimpan di objek JSON

remove_value - hapus nilai dan indeks yang disimpan di objek JSON

Gunakan saja:

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