使用JQUERY、Javascript或ANYTHING从JSON数据创建HTML表

Create HTML table from JSON data with JQUERY or Javascript or ANYTHING

本文关键字：数据 JSON 创建 HTML ANYTHING JQUERY Javascript 使用      更新时间：2023-09-26

可能重复：
在jQuery 中将JSON数组转换为HTML表

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

我有三个字段，我需要在同一个<td>中，另一个字段本身在<td> 中

我成功地将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;
  }

});

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

|文本|图像|
|文本|转到|
|文本|此处|

退房：http://icanhazjs.com/

第1步。-定义模板

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

第2步。-检索您的常用模板：

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

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

相关文章：