एचटीएमएल 5 से JSON ऑब्जेक्ट जाओ डेटा- * जावास्क्रिप्ट

Question

साथ विशेषता यहाँ मेरी HTML है:

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

यहाँ मेरी जावास्क्रिप्ट अब तक बताया गया है:

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

यह तो अलर्ट:

ALERT: { "method" : "checkbox" } 

लेकिन मैं JSON "विधि" तक कैसे पहुंच सकता हूं? मैं अनिवार्य रूप से "चेकबॉक्स" शब्द को अलर्ट करने में सक्षम होना चाहता हूं। किसी भी मदद की सराहना की।

Answer 1

JSON.parse कि 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 
} 

बेशक

इस पुराने ब्राउज़र में काम नहीं करेगा, ताकि आप इसे शिम करने के लिए आप उस तरह चाहते हैं की आवश्यकता होगी ब्राउज़र समर्थन का। डगलस क्रॉकफ़ोर्ड में here है, और पाठ्यक्रम jQuery में JSON parsing method है यदि आप पहले से ही उस उपयोगिता का उपयोग कर रहे थे।

Answer 2

आप इस के लिए JSON.parse विधि का उपयोग करने की जरूरत है:

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

यह सभी आधुनिक ब्राउज़रों में और IE8 + में समर्थित है।

यदि आपको पुराने ब्राउज़र का समर्थन करने की आवश्यकता है here थोड़ा हैक है। ब्राउज़र संगतता अनुभाग देखें।