Uzyskaj obiekt JSON z HTML5 teleinformatyczny * atrybut z JavaScript

Question

Tu jest mój HTML:

<input type="text" data-setup='{ "method" : "checkbox" }'> 

Oto mój JavaScript dotąd:

var a = document.querySelectorAll('[data-setup]') 
for (var i=0;i<a.length;i++) { 
    alert(a[i].getAttribute('data-setup')); 
} 

to wtedy alarmy:

ALERT: { "method" : "checkbox" } 

Ale jak mogę uzyskać dostęp do "metody" JSON? Chcę zasadniczo być w stanie ostrzec słowo "checkbox". Każda pomoc doceniona.

Answer 1

JSON.parse byłoby najprostszym sposobem na stworzenie odpowiedniego obiektu z tej JSON:

for (var i=0;i<a.length;i++) { 
    var obj = JSON.parse(a[i].getAttribute('data-psswrd')); 
    alert(obj.method); //will alert what was in the method property 
    console.log(obj); // should log a proper object 
} 

Oczywiście to nie będzie działać w starszych przeglądarkach, więc trzeba pasowana, jeśli chcesz tego rodzaju obsługi przeglądarki. Douglas Crockford ma podkładkę here, lub oczywiście jQuery ma JSON parsing method, jeśli już używasz tego narzędzia.

Answer 2

Trzeba użyć JSON.parse metody to:

var myJSON = JSON.parse(a[i].getAttribute('data-psswrd')); 
alert(myJSON); 

ta jest dostępna we wszystkich nowoczesnych przeglądarkach oraz w IE8 +.

Jeśli potrzebujesz obsługi starszych przeglądarek, here to mały hack. Zobacz rozdział zgodność z przeglądarką.