jquery บันทึกวัตถุข้อมูล json ในคุกกี้

ฉันจะบันทึกข้อมูล JSON ในคุกกี้ได้อย่างไร

ข้อมูล 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 จากคุกกี้ได้อย่างไร?

คุณสามารถจัดลำดับข้อมูลเป็น JSON ได้ดังนี้:

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

จากนั้นเพื่อรับมันจากคุกกี้:

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

สิ่งนี้อาศัยJSON.stringify()และJSON.parse()เพื่อทำให้เป็นซีเรียลไลซ์ / deserialize ออบเจ็กต์ข้อมูลของคุณสำหรับเบราว์เซอร์รุ่นเก่า (IE <8) รวมถึงjson2.jsเพื่อรับJSONฟังก์ชันการทำงาน ตัวอย่างนี้ใช้ปลั๊กอินคุกกี้ jQuery

ตอนนี้ไม่จำเป็นต้องใช้JSON.stringifyอย่างชัดเจน เพียงรันโค้ดบรรทัดนี้

$.cookie.json = true;

หลังจากนั้นคุณสามารถบันทึกวัตถุใด ๆ ในคุกกี้ซึ่งจะถูกแปลงเป็น JSON โดยอัตโนมัติและกลับจาก JSON เมื่ออ่านคุกกี้

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()));

และสำหรับการกลับมาจากการใช้คุกกี้ JSON.parse()

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

ไม่ใช่แนวปฏิบัติที่ดีในการบันทึกค่าที่ส่งคืนจากJSON.stringify(userData)ไปยังคุกกี้ อาจทำให้เกิดข้อบกพร่องในบางเบราว์เซอร์

ก่อนใช้งานคุณควรแปลงเป็น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

การใช้งานด่วน:

สร้าง - สร้างคุกกี้

ตรวจสอบ - ตรวจสอบการมีอยู่

ตรวจสอบ - ตรวจสอบค่าคุกกี้หาก JSON

check_index - ตรวจสอบว่ามีดัชนีใน JSON หรือไม่

read_values ​​- อ่านค่าคุกกี้เป็นสตริง

read_JSON - อ่านค่าคุกกี้เป็นออบเจ็กต์ 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");