如何将此 JSON 文件输出为 HTML 表？

Question

我有一个 JSON 文件，我想使用纯 Javascript 将其输出为 HTML 表格。 JS 代码应该是什么样的？ JSON 文件如下所示：

[
  {
"FIELD1":"A ",
"FIELD2":" B ",
"FIELD3":" C ",
"FIELD4":" D"
},
{
"FIELD1":"E ",
"FIELD2":" F ",
"FIELD3":" G ",
"FIELD4":" H"
},
{
"FIELD1":"I ",
"FIELD2":" J ",
"FIELD3":" K ",
"FIELD4":" L"
  }
]

为了您的方便，这里有一个 jsbin：

http://jsbin.com/nulol/1/edit

Answer 1

尝试使用JSON.stringify：

    var data = [
  {
    "FIELD1":"A ",
    "FIELD2":" B ",
    "FIELD3":" C ",
    "FIELD4":" D"
  },
  {
    "FIELD1":"E ",
    "FIELD2":" F ",
    "FIELD3":" G ",
    "FIELD4":" H"
  },
  {
    "FIELD1":"I ",
    "FIELD2":" J ",
    "FIELD3":" K ",
    "FIELD4":" L"
  }
]

document.getElementById('codeTarget').innerHTML = JSON.stringify(data, undefined, 2);

或者你可以使用 jQuery 来定位元素，然后使用它的 .html() 方法：

var JSONoutput = JSON.stringify(data, undefined, 2);
$('pre#codeTarget').html(JSONoutput);

一定要把它放在一个前置标签中，这样它的格式就会很好。

这是JSFiddle。