HTML5 JSON nesnesi alın veriye * İşte benim bir HTML kodunun JavaScript

Question

ile bağlıyor:

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

İşte şimdiye kadar benim JavaScript var:

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

Bu da uyarılar:

ALERT: { "method" : "checkbox" } 

Ama JSON "yöntemine" nasıl erişebilirim? Aslında "onay kutusu" kelimesini uyarmak istiyorum. Herhangi bir yardım takdir edildi.

Answer 1

JSON.parse o JSON'dan uygun bir nesne oluşturmanın en basit yolu olacaktır: Elbette

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 
} 

Eğer bu tür isterseniz bunu şim gerekir böylece bu, eski tarayıcılarda çalışmaz tarayıcı desteği Douglas Crockford'un here numaralı bir shim'i vardır ve ya jQuery zaten bu yardımcı programı kullanıyorsanız JSON parsing method'a sahiptir.

Answer 2

Bunun için JSON.parse yöntemi kullanmak gerekir: Bu, tüm modern tarayıcılarda ve IE8 + desteklenir

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

.

Eski tarayıcıları desteklemeniz gerekiyorsa here küçük bir hackedir. Bkz. Tarayıcı uyumluluğu bölüm.