使用jquery解析下面的json并在html表中显示数据

Question

我需要用jquery解析下面的json并在html表中显示。

在html表格中显示“key”和“doc_count”的值。

帮助表示赞赏。见下面的json：

{     “关键”：“A”，     “数”：100 }， {     “关键”：“AB”，     “数”：800 }

Answer 1

尝试此代码：

使用任何模板引擎（Handlebars或Underscore）来处理HTML。我假设数据是静态Json的形式。

创建一个表并附加到HTML页面：

var Table=$("<table class='json_data'>");
$('body').append(Table);

然后迭代整个Json以获得所需的值。就像这样：

$.each(parse_json.aggregations[2].buckets,function(index,value){
   $('.json_data').append("<tr><td>"+value.key+"</td><td>"+value.doc_count+"</td></tr>");
})

JSFiddle Link：https://jsfiddle.net/Dee0565/17u4xs3s/