วิธีส่งอาร์เรย์ไปยังแอตทริบิวต์ jQuery .data ()

ตกลงดังนั้นฉันต้องการส่งอาร์เรย์พื้นฐานไปยังฝั่งเซิร์ฟเวอร์ jquery data attrubute ดังนี้:

<div data-stuff="['a','b','c']"></div>

แล้วถอยออกมาดังนี้:

var stuff = $('div').data('stuff');

alert(stuff[0]);

เหตุใดสิ่งนี้จึงปรากฏขึ้นเพื่อแจ้งเตือน "[" และไม่ใช่ "a" (ดูลิงก์ JSfiddle)

ลิงค์ JSFiddle: http://jsfiddle.net/ktw4v/3/

[มันรักษาตัวแปรของคุณเป็นสตริงองค์ประกอบข้อที่ศูนย์ซึ่งเป็น

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

หากคุณแก้ไขเครื่องหมายคำพูดของคุณรหัสเดิมของคุณใช้งานได้ (ดูhttp://jsfiddle.net/ktw4v/12/ )

<div data-stuff='["a","b","c"]'> </div>

var stuff = $('div').data('stuff');

เมื่อ jQuery เห็น JSON ที่ถูกต้องในแอตทริบิวต์ข้อมูลมันจะโดยอัตโนมัติแกะมันสำหรับคุณ

การประกาศเป็นแอตทริบิวต์หมายความว่าเป็นสตริง

ดังนั้นstuff[0]จะเทียบเท่ากับ:var myString = "['a','b','c']"; alert(myString[0]);

คุณต้องทำให้เป็นดังนี้:

<div data-stuff="a,b,c"></div>

var stuff = $('div').data('stuff').split(',');
alert(stuff[0]);

การถอนกลับ: การแยกวิเคราะห์ของ jQuery ล้มเหลวเนื่องจากไม่เป็นไปตามกฎของการแยกวิเคราะห์

อย่างไรก็ตามฉันจะยืนอยู่เบื้องหลังการแก้ปัญหาของฉัน มีแง่มุมอื่น ๆ ที่น้อยกว่าอุดมคติเช่นเดียวกับการแก้ปัญหานี้น้อยกว่าอุดมคติในบางวิธี ทั้งหมดขึ้นอยู่กับว่ากระบวนทัศน์ของคุณคืออะไร

เนื่องจากคนอื่น ๆ ระบุว่าค่านี้ถือว่าเป็นสตริงดังนั้นจึงส่งคืน "[" โปรดลองสิ่งนี้ (aaa คือชื่อของ div และฉันเอา data-stuff):

$(function(){
    $.data($("#aaa")[0],"stuff",{"aa":['a','b','c']});
    var stuff = $.data($("#aaa")[0],"stuff").aa;
    alert(stuff[0]); //returns "a"
});

มีการโพสต์แนวทางอื่นที่jsfiddle ; var stuff = $('div').data('stuff');สิ่งที่เป็นสตริงที่มีอักขระ 0 เป็น"["

ดีvar stuff = eval($('div').data('stuff'));ควรจะได้รับคุณอาร์เรย์