jQuery 模板 - 渲染出通用 json 对象答案

【问题标题】：jQuery templates - Rendering out generic json objectjQuery 模板 - 渲染出通用 json 对象
【发布时间】：2011-01-31 17:32:54
【问题描述】：

我正在尝试创建一个将呈现 JSON 对象的通用模板。问题是，对于我所看到的所有示例，它们都是基于知道密钥的名称...

我开始尝试这样的事情：

<table>
    {{each}}
    <tr>
        <td>$($value[0]}</td><td>$($value[1]}</td>
    </tr>
    {{/each}}
</table>

现在我这还不是通用的，但我一开始就尝试过，但它不起作用......

【问题讨论】：

【解决方案1】：

这对我来说也不是很明显。

<table>
     <tr>
        {{each $data}}
        <td>${ $index }</td><td>${ $value }</td>
        {{/each}}
     </tr>
</table>

但是当你看到它时，你会有一个 D'OH 时刻。

【讨论】：

【解决方案2】：

这里有一些代码可以获取 JSON 对象的键和值。我基于jQuery JSON Associative Array.

for(var key in obj) {
  if (obj.hasOwnProperty(key)){
    document.write("<tr><td>" + key + "</td><td>" + obj[key] + "</td></tr>");
  }
}

这是标准的 javascript。在 jQuery 中有一种更短的方法可以做到这一点（在上一个链接中提到）。

【讨论】：