将JSON数组转换为jQuery中的HTML表

Question

将JSON数组转换为jQuery中的HTML表

是否有一种非常简单的方法可以将一个JSON对象数组转换为HTML表，不包括几个字段？还是我要手动做这个？

Answer 1

我不确定这是不是你想要的但是jqGrid..它可以接收JSON并创建一个网格。

Answer 2

通过扩展$从JSON对象数组生成一个HTML表，如下所示$.makeTable&nbsp;=&nbsp;function&nbsp;(mydata)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;table&nbsp;=&nbsp;$('<table&nbsp;border=1>'); &nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;tblHeader&nbsp;=&nbsp;"<tr>"; &nbsp;&nbsp;&nbsp;&nbsp;for&nbsp;(var&nbsp;k&nbsp;in&nbsp;mydata[0])&nbsp;tblHeader&nbsp;+=&nbsp;"<th>"&nbsp;+&nbsp;k&nbsp;+&nbsp;"</th>"; &nbsp;&nbsp;&nbsp;&nbsp;tblHeader&nbsp;+=&nbsp;"</tr>"; &nbsp;&nbsp;&nbsp;&nbsp;$(tblHeader).appendTo(table); &nbsp;&nbsp;&nbsp;&nbsp;$.each(mydata,&nbsp;function&nbsp;(index,&nbsp;value)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;TableRow&nbsp;=&nbsp;"<tr>"; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$.each(value,&nbsp;function&nbsp;(key,&nbsp;val)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;TableRow&nbsp;+=&nbsp;"<td>"&nbsp;+&nbsp;val&nbsp;+&nbsp;"</td>"; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;TableRow&nbsp;+=&nbsp;"</tr>"; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(table).append(TableRow); &nbsp;&nbsp;&nbsp;&nbsp;}); &nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;($(table));};用途如下：var&nbsp;mydata&nbsp;=&nbsp;eval(jdata);var&nbsp;table&nbsp;=&nbsp;$.makeTable(mydata);$(table).appendTo("#TableCont");其中TableCont是一些div