Comment passer un tableau en jQuery .de données() attribut

Ok, donc je veux passer un très basic le tableau en jquery données attrubute côté serveur comme ceci:

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

et ensuite de récupérer de la sorte:

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

alert(stuff[0]);

Pourquoi est-ce à comparaître pour alerter '[' et non pas 'a' (voir JSfiddle lien)

JSFiddle Lien : http://jsfiddle.net/ktw4v/3/

InformationsquelleAutor wilsonpage | 2011-05-20
  1. 135

    C'est le traitement de votre variable sous forme de chaîne, le zéro de l'élément de qui est [.

    Ce qui se passe parce que votre chaîne n'est pas JSON valide, qui devrait utilisez des guillemets doubles comme un délimiteur de chaîne au lieu de guillemets simples. Vous devrez alors utiliser les guillemets pour délimiter l'ensemble de la valeur de l'attribut.

    Si vous corrigez votre guillemets original de votre code fonctionne (voir http://jsfiddle.net/ktw4v/12/)

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

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

    Lorsque jQuery voit JSON valide dans un attribut de données, il sera automatiquement le décompresser pour vous.

    • en effet, ['a','b','c'] n'est PAS un JSON valide 😉
    • ['a','b','c'] n'est pas valide JSON
    • Quel doit être le JSON ressembler?
    • Il doit utiliser des guillemets, mais vous devrez alors utiliser des guillemets pour encadrer l'attribut HTML.
    • ma réponse originale à cette question n'a pas de tache de la invalid JSON problème
    • Ah, eh bien, ils devraient corriger car il ne l'est aujourd'hui 🙂 Content que quelqu'un connaît la réponse à cette question, il aurait mis sur écoute moi toute la journée
    • ils sont tous les deux délimiteurs - les guillemets sont "les délimiteurs de chaînes et les virgules sont "des délimiteurs de l'enregistrement". Seuls les premiers sont pertinents à la discussion de la question.
    • Cela fonctionne aussi: <div data-stuff="[&quot;a&quot;,&quot;b&quot;,&quot;c&quot;]"></div>

    InformationsquelleAutor Alnitak
  2. 12

    Déclarer un attribut signifie que c'est une chaîne.

    Donc stuff[0] serait équivalent à: var myString = "['a','b','c']"; alert(myString[0]);

    Vous devez faire ressembler à ceci:

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

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

    Rétractation: jQuery analyse échoue parce qu'il ne respecte pas les règles de parseJSON.

    Cependant, je me tiendrai derrière ma solution. Il y a des aspects de ce que les autres sont moins qu'idéales, tout comme cette solution n'est pas idéale, à certains égards. Tout dépend de ce que vos paradigmes.

    • non, la déclarer comme non valide JSON signifie qu'il est traité comme une chaîne.
    • Bien que cela peut très bien être la façon dont jQuery traite-je ne pas voir que dans la référence de l'Api de jQuery, et il certainement n'est pas clair dans la spec w3c. Comme la définition de JSON dans un objet dom serait briser le w3c de la "neutralité", ce qui semble être une extension jQuery ou, compte tenu de l'absence de documentation -- caprice. En tout cas, même si je ne peux pas dire que je suis d'accord avec vous sur ce point-je ne suis pas tellement en colère que je vais supprimer ce premier +1 que vous avez obtenu. : )
    • est documentée dans le jQuery API - "Tout est fait pour convertir la chaîne en une valeur JavaScript (ce qui inclut des valeurs booléennes, des chiffres, des objets, des tableaux, et null) sinon, il est de gauche comme une chaîne de caractères."
    • Ensuite, je suis forte, parce que j'ai lu à peu près la totalité de la section de données et beaucoup de commentaires avant de poster. J'ai regardé à nouveau même.
    • ok, je l'ai trouvé à partir de votre montage. Oui, c'est une extension Jquery. Je vais ammend mon post.
    • Et pour ma défense... ce fut enterré dans le 4e paragraphe de la 2e à la description de formulaire. : )
    • Je suis le choix de ce que la réponse, parce que cela permettra également de simplifier le code html en enlevant le crochet et les guillemets. Mais aussi parce que je n'aime pas utiliser des apostrophes pour les attributs (raison idiote, puisque c'est acceptable HTML).

    InformationsquelleAutor John Green
  3. -2

    Comme d'autres l'ont identifié la valeur est traitée comme une chaîne de caractères de sorte qu'il est de retour "[". S'il vous plaît essayer ce (aaa est le nom de la div et j'ai pris les données des trucs):

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

    Une approche différente est affichée à l' jsfiddle; var stuff = $('div').data('stuff'); genre de choses est une chaîne de caractères avec 0e caractère '['

    Bien, var stuff = eval($('div').data('stuff')); devrait vous obtenir un tableau

    • eval est le mal 🙂 il y a toujours une meilleure façon
    • S'il vous plaît ajuster votre réponse-à-dire que, bien qu'une solution possible, la fonction eval() peut provoquer des licornes à mourir... stackoverflow.com/questions/86513/...
    InformationsquelleAutor Mayank