Nhận đối tượng JSON từ HTML5 đĩa dữ liệu * thuộc tính với JavaScript

Question

Dưới đây là HTML của tôi:

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

Dưới đây là JavaScript của tôi cho đến nay:

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

sau đó này cảnh báo:

ALERT: { "method" : "checkbox" } 

Nhưng làm thế nào tôi có thể truy cập vào "phương pháp" JSON? Tôi muốn về cơ bản có thể cảnh báo từ "hộp kiểm". Bất kỳ trợ giúp nào được đánh giá cao.

Answer 1

JSON.parse sẽ là cách đơn giản nhất để tạo ra một đối tượng thích hợp từ 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 
} 

Tất nhiên điều này sẽ không làm việc trong các trình duyệt cũ, vì vậy bạn sẽ cần phải Shim nó nếu bạn muốn loại đó hỗ trợ trình duyệt. Douglas Crockford có một shim here, và hoặc khóa học jQuery có một JSON parsing method nếu bạn đã sử dụng tiện ích đó.

Answer 2

Bạn cần phải sử dụng JSON.parse phương pháp này:

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

này được hỗ trợ trong tất cả các trình duyệt hiện đại và trong IE8 +.

Nếu bạn cần hỗ trợ các trình duyệt cũ hơn, here là ít hack. Xem phần Khả năng tương thích của trình duyệt.