如何将JSON对象转换为HTML表？

一尘不染

如何将JSON对象转换为HTML表？

json

我有一个看起来像这样的JSON对象：

{"a": 1, "b": 3, "ds": 4}

我想将其转换为如下所示的HTML表：

name | Value
a     1
b     3
ds    4

谁能告诉我如何实现这一目标？

阅读 232

2020-07-27

共1个答案

一尘不染

使用jQuery非常简单：

$(function() {
  var jsonObj = $.parseJSON('{"a":1,"b":3,"ds":4}');
  var html = '<table border="1">';
  $.each(jsonObj, function(key, value) {
    html += '<tr>';
    html += '<td>' + key + '</td>';
    html += '<td>' + value + '</td>';
    html += '</tr>';
  });
  html += '</table>';
  $('div').html(html);
});

这是工作提琴的链接。

更新：
实现此目的的另一种方法是使用称为dynatable的库将JSON转换为可排序的表。

2020-07-27