2011-11-17 45 views
0

可能重复:
Convert JSON array to an HTML table in jQuery从与jQuery或Javascript或任何JSON数据创建HTML表

我拼命想弄清楚了,使这个表...

我有3个字段,我需要在相同的<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; 
    } 


}); 

我怎样才能格式化这个数据就像我想要的吗?

| TEXT | image |
| TEXT | goes |
| TEXT | here |

+0

请发布JSON数据。 – maxedison

+0

我不认为它是重复的,他的数据结构是不同的,并且可能需要一点狂欢才能使用jqGrid作为该问题的答案。 – Patricia

+0

@Devin:看看jquery.templ它是一个可靠的插件(是的,只是它测试,但它很好)。 http://api.jquery.com/tmpl/。 – Patricia

回答

0

退房:http://icanhazjs.com/

STEP 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到页面上的任何元素。

+0

就我个人而言,我不会推荐ich,因为它似乎正在使用胡子的版本,并且危险地破坏了HTML转义的实现。 (在当前版本的胡子中逃跑也被打破,只是不允许利用漏洞。) – bobince

+0

如果问题是胡子的版本,那很容易解决......我一直在使用ich一段时间并没有遇到逃避的问题。 –

+0

我必须包含哪些文件才能使用ich.template? –