Javascript 将JSON数据转换为HTML表

我有一个JSON代码，比如

{
"id": 114363527,
"userId": "1",
"uploadedBy": "JaisonJustus",
"dataSource": "gdocs",
"rowcount": "3",
"colcount": "3",
"data": {
    "0": {
        "rowName": "",
        "rowId": "2",
        "colName": "Category Name",
        "colId": "A",
        "value": "Beverages"
    },
    "1": {
        "rowName": "",
        "rowId": "2",
        "colName": "Quantity",
        "colId": "B",
        "value": "925"
    },
    "2": {
        "rowName": "",
        "rowId": "2",
        "colName": "Amount",
        "colId": "C",
        "value": "$277"
    },
    "3": {
        "rowName": "",
        "rowId": "3",
        "colName": "Category Name",
        "colId": "A",
        "value": "Condiments"
    },
    "4": {
        "rowName": "",
        "rowId": "3",
        "colName": "Quantity",
        "colId": "B",
        "value": "378"
    },
    "5": {
        "rowName": "",
        "rowId": "3",
        "colName": "Amount",
        "colId": "C",
        "value": "$107"
    },
    "6": {
        "rowName": "",
        "rowId": "4",
        "colName": "Category Name",
        "colId": "A",
        "value": "Confections"
    },
    "7": {
        "rowName": "",
        "rowId": "4",
        "colName": "Amount",
        "colId": "C",
        "value": "$22877"
    }
}
}

我需要使用js/jquery在html表中显示值，如

     A           B           C
--|-----------|-------- |-------------|-
 2|Beverages  |   925   |    $277     |           
 3|Condiments |   378   |    $107     |   
 4|Confections|    --   |    $22877   |   
  |           |         |             |          

JSON也可能包含空值。这些字段相对于rowId和colId显示。表值显示在JSON字段“value”中。

允许您这样做。您可能需要稍微转换数据模型以达到预期效果，但SlickGrid有一个模型系统可以实现这一点（RemoteModel中的一个更高级的示例，用于通过AJAX检索的数据）

（严格地说，你不会从中得到一个HTML

，而是许多

元素。）

一种方法：

使用上面的链接，获取处理JSON响应的函数，并将其包含在js文件中

/*setting the var to hold the json array*/
var jsonReturn = xmlhttp.responseText;

/*parse the JSON data using the JSON function from the JSON website*/
var jsonReturn = json_parse(jsonReturn);

/*now you can access all the data in the typical javascript array format... eg:*/
var returnedID = jsonReturn.id;
var userId = jsonReturn.userId;

/*repeat the above to get all the data you need*/
 /*.......
      ........*/

/*now you can loop through the data array*/
for(var x=0; x < jsonReturn.data.length; x++)
 {
   var rowName = jsonReturn.data[x].rowName;
   var rowId= jsonReturn.data[x].rowId;
   var colName= jsonReturn.data[x].colName;
   var colId= jsonReturn.data[x].colId;
   var value= jsonReturn.data[x].value;

   /** now you have all the data you need from the JSON response you can bever away and generate the table **/
 }

/*设置var以保存json数组*/
var jsonReturn=xmlhttp.responseText；
/*使用JSON网站上的JSON函数解析JSON数据*/
var jsonReturn=json_parse（jsonReturn）；
/*现在您可以访问典型javascript数组格式的所有数据。。。例如：*/
var returnedID=jsonReturn.id；
var userId=jsonReturn.userId；
/*重复上述步骤以获取所需的所有数据*/
/*.......
........*/
/*现在您可以在数据数组中循环*/
对于（var x=0；x

我使用 哪个更简单，还是 这有更多的特点