Hướng dẫn how do you display data in json format in html? - làm cách nào để bạn hiển thị dữ liệu ở định dạng json trong html?

Sử dụng chức năng JSON.Stringify để hiển thị JSON được định dạng trong HTML. Nếu bạn có JSON không được định dạng, nó sẽ xuất ra nó theo một cách định dạng.

JSON.stringify[{ foo: "sample", bar: "sample" }, null, 4]

Điều này lượt

{ "foo": "sample", "bar": "sample" }

vào trong

 {
     "foo": "sample", 
     "bar": "sample" 
 }

Nguồn: stackoverflow.com: stackoverflow.com

Hoặc sử dụng thẻ

{ "foo": "sample", "bar": "sample" }

{ "foo": "sample", "bar": "sample" }

 {
     "foo": "sample", 
     "bar": "sample" 
 }

document.getElementById["beautified"].innerHTML = JSON.stringify[data, undefined, 2];

Mã ví dụ đơn giản để hiển thị JSON được định dạng trong HTML. Đối với điều này, bạn phải sử dụng thẻ pre, nếu không, nó trông không tốt.

Phương thức

 {
     "foo": "sample", 
     "bar": "sample" 
 }

  


  
    var data = { foo: "sample", bar: "sample" };

    document.getElementById["myText"].innerHTML = JSON.stringify[data, null, 4];