使用JQUERY或Javascript或任何东西从JSON数据创建HTML表

可能重复：

我正在拼命想办法让这张桌子

我有3个字段需要在同一个

中，另一个字段需要在

我正在使用以下代码成功地将带有JSON的数据获取到我的页面：

$.ajax({
  url: 'code.php',
  async: false,
  dataType: 'json',
  success: function (json) {
    window.upc = json.upc;
    window.img_name = json.img_name;
    window.quantity = json.quantity;
    window.description = json.description;
  }


});

如何将这些数据格式化为我想要的格式

|文本|图像|
|文本|去|
|TEXT | here |

查看：

第1步-定义模板

<script id="template" type="text/html">
  <table>
    <tr>
         <td>{{quantity}}{{description}}</td><td>{{img_name}}</td>
    </tr>
  </table>
</script>

---

您可以将变量yourTable附加到页面上的任何元素。

我不认为它是重复的，他的数据结构不同，并且可能需要一点狂热才能使用jqGrid，正如这个问题的答案所表明的那样。@Devin:检查jquery.temp这是一个可靠的插件（是的，只进入了测试版，但很好）。就我个人而言，我现在不推荐ich，因为它似乎使用了一个版本的mustache，它的HTML转义实现已经严重损坏。（当前版本的mustache中的转义也被破坏，只是不允许利用漏洞。）如果问题是mustache版本，那么很容易解决…我已经使用ich一段时间了，没有遇到转义问题。使用ich.template需要包含什么文件？我还需要它处于“一段时间”内这是一种循环，所以我可以显示任意数量的条目，是的，您可以在while循环中执行，只需将模板附加到对象。

$.ajax({
  url: 'code.php',
  async: false,
  dataType: 'json',
  success: function (json) {
     var yourTable = ich.template(json)
  }
});