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。

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

1 个答案: