Гаразд, я хочу передати дуже базовий масив у сторону сервера jtruery 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 не вдається, оскільки він не відповідає правилам parseJSON.
Однак я буду стояти за своїм рішенням. Є аспекти інших, які є менш ніж ідеальними, так само, як це рішення є певним чином ідеальним. Все залежить від того, якими є ваші парадигми.
Оскільки інші визначили, значення обробляється як рядок, тому воно повертає "[". Будь ласка, спробуйте це (aaa - це ім'я div, і я вийняв дані):
$(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');stuff - це рядок з 0-м символом як '['
Ну, var stuff = eval($('div').data('stuff'));повинен отримати вам масив