如何将json转换为html格式,将json数据转换为html表

跃然一笑

谢谢大家的回复。我自己写的。请注意，它使用jQuery。代码片段：var myList = [

  { "name": "abc", "age": 50 },

  { "age": "25", "hobby": "swimming" },

  { "name": "xyz", "hobby": "programming" }];// Builds the HTML Table out of myList.function buildHtmlTable(selector) {

  var columns = addAllColumnHeaders(myList, selector);

  for (var i = 0; i 

    var row$ = $('

');

    for (var colIndex = 0; colIndex 

      var cellValue = myList[i][columns[colIndex]];

      if (cellValue == null) cellValue = "";

      row$.append($('

').html(cellValue));

    }

    $(selector).append(row$);

  }}// Adds a header row to the table and returns the set of columns.// Need to do union of keys from all records as some records may not contain// all records.function addAllColumnHeaders(myList, selector) {

  var columnSet = [];

  var headerTr$ = $('

');

  for (var i = 0; i 

    var rowHash = myList[i];

    for (var key in rowHash) {

      if ($.inArray(key, columnSet) == -1) {

        columnSet.push(key);

        headerTr$.append($('

').html(key));

      }

    }

  }

  $(selector).append(headerTr$);

  return columnSet;}