jQuery模板 - 渲染出通用的json對象

Question

我想創建一個通用模板，它將渲染出JSON對象。問題是，所有我見過的樣本，它們都是基於知道密鑰的名字......

我開始嘗試這樣的事：

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

現在我這不是通用但尚未嘗試但作爲開始，但它不起作用...

Answer 1

這對我來說也不明顯。

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

但是，當你看到它時，你有一個D'OH時刻。

Answer 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中有這樣一個簡短的方法（在前面的鏈接中提到過）。