jquery lưu đối tượng dữ liệu json trong cookie

Làm cách nào để lưu dữ liệu JSON trong cookie?

Dữ liệu JSON của tôi trông như thế này

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

Và tôi muốn làm một cái gì đó như

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

và để truy xuất dữ liệu tôi muốn tải nó vào $("#ArticlesHolder")như

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

không ai biết nếu tôi đang đi đúng hướng hoặc điều này nên được thực hiện theo một số cách khác? Nói một cách đơn giản, làm cách nào để đặt và lấy dữ liệu json từ cookie?

Bạn có thể tuần tự hóa dữ liệu dưới dạng JSON, như sau:

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

Sau đó, để lấy nó từ cookie:

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

Điều này dựa vào JSON.stringify()vàJSON.parse() để tuần tự hóa / giải mã hóa đối tượng dữ liệu của bạn, đối với các trình duyệt cũ hơn (IE <8), hãy bao gồm json2.js để có được JSONchức năng. Ví dụ này sử dụng plugin cookie jQuery

Bây giờ không cần phải sử dụng JSON.stringifymột cách rõ ràng. Chỉ cần thực thi dòng mã này

$.cookie.json = true;

Sau đó, bạn có thể lưu bất kỳ đối tượng nào trong cookie, đối tượng này sẽ được tự động chuyển đổi thành JSON và trở lại từ JSON khi đọc cookie.

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

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

Nhưng thư viện JSON không đi kèm với jquery.cookie, vì vậy bạn phải tự tải xuống và đưa vào trang html trước jquery.cookie.js

sử dụng JSON.stringify(userData)đối tượng json bí mật thành chuỗi.

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

và để lấy lại từ việc sử dụng cookie JSON.parse()

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

Việc lưu giá trị được trả về từ JSON.stringify(userData)một cookie là không tốt ; nó có thể dẫn đến lỗi trong một số trình duyệt.

Trước khi sử dụng nó, bạn nên chuyển nó sang base64 (using btoa), và khi đọc nó, hãy chuyển đổi từ base64 (using atob).

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

write_cookie(val)

Với việc tuần tự hóa dữ liệu dưới dạng JSON và Base64, phụ thuộc 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));
}

:)

Hãy thử cái này: https://github.com/tantau-horia/jquery-SuperCookie

Sử dụng nhanh:

tạo - tạo cookie

kiểm tra - kiểm tra sự tồn tại

xác minh - xác minh giá trị cookie nếu JSON

check_index - xác minh xem chỉ mục có tồn tại trong JSON không

read_values ​​- đọc giá trị cookie dưới dạng chuỗi

read_JSON - đọc giá trị cookie dưới dạng đối tượng JSON

read_value - giá trị đọc của chỉ mục được lưu trữ trong đối tượng JSON

Replace_value - thay thế giá trị từ một chỉ mục được chỉ định được lưu trữ trong đối tượng JSON

remove_value - xóa giá trị và chỉ mục được lưu trữ trong đối tượng JSON

Chỉ dùng:

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