json 到 javascript/jquery 中的表答案

【问题标题】：json to table in javascript/jqueryjson 到 javascript/jquery 中的表
【发布时间】：2014-08-26 16:28:32
【问题描述】：

谁能帮我解决这个问题，我有想要使用 javascript 或 jquery 转换成表格的 json 数据。这是我的示例 json 数据：

{"company_name":"McDonalds","address":"John Street","city":"San Antonio","noemployee":"100"}

我希望表格输出应该是这样的：

公司名称地址城市 Noemployee 麦当劳约翰街圣安东尼奥 100

只是为了澄清 "company_name":"McDonalds" = <thead><tr><th>Company Name</th></tr></thead><tbody><tr><td>McDonalds</td></tr></tbody>

【问题讨论】：

您需要完整的 JavaScript 或 JQuery 代码吗？
我更喜欢 jquery。谢谢
使用 jquery $.each 并提供 json 数据
@Cris 向我们展示您在Jquery 中的尝试。添加您尝试过的jquery code。如果你想得到完整的program codePlease hire someone。
Using jQuery to build table rows from Ajax response(Json)的可能重复

标签： javascript php jquery html json

【解决方案1】：

看看jQuery datatables plugin或jQgrid plugin

【讨论】：

使用 jquery 数据表将帮助您对此进行很多 +1

【解决方案2】：

你可以使用 lodash 来做到这一点

var d = {"company_name":"McDonalds","address":"John Street","city":"San Antonio","noemployee":"100"},

keys = _.keys(d), //Fetching the keys

thead = _.reduce(keys, function(s,i) { return s + "<th>" + i + "</th>"; }, ''),
thead = "<thead><tr>"+thead+"</tr></thead>",

tbody = _.reduce(keys, function(s,i) { return s + "<td>" + d[i] + "</td>"; }, ''),
tbody = "<tbody><tr>" + tbody + "</tr></tbody>",

table = "<table>" + thead+tbody+"</table>";

_.reduce 接受一个数组并将其转换为单个元素。通过docs 了解它的工作原理。

这里是 jQuery 版本

var d = {"company_name":"McDonalds","address":"John Street","city":"San Antonio","noemployee":"100"},

var t='',b=''; 

$.each(d, function(v) { t += "<th>" + v + "</th>"; }); 

t = "<thead>"+t+"</thead>"; 

$.each(d, function(v) { b += "<td>" + d[v] + "</td>"; }); 

b = '<tbody>'+b+'</tbody>'; 

var tab = "<table>" + t + b + "</table>";

【讨论】：