jQuery JSON 响应到表列答案

【问题标题】：jQuery JSON response into table columnjQuery JSON 响应到表列
【发布时间】：2012-02-12 22:42:04
【问题描述】：

下面的摘录是我用来从数据库中提取数据的 .ajax() 函数的一部分。使用 PHP 查询数据库并以 JSON 格式发回输出。函数只返回1行数据。

success: function(data) {
    for(var key in data) {
        $("#formTable tr").find("td:eq(1)").text(data[key]);                            
    }
}

我在页面上有一个 HTML 表格，它分为两列。左栏有字段标签，右栏为空。

我想循环浏览每个键/值对的 JSON 回复。我想将该值插入到右侧的列表单元格中。代码应该循环，直到所有键/值对都输出到下一个表格行，到下一个右侧表格单元格。

上面的代码选择第二列表格单元格，但将最后一个 JSON 值插入到所有单元格中，而不是将每个值插入到列中自己的表格单元格中。

我想如果我能正确选择选择器，这将起作用，我只是不确定应该是什么..

谢谢。

【问题讨论】：

请把你从服务器取回的JSON（数据）贴出来，这样不好说。

标签： javascript jquery each next

【解决方案1】：

您基本上是在每次迭代中从整个表行集中选择表的所有行和第二个 td，因此它没有按预期工作。

假设 json 响应有键和表中字段标签的一对一映射，你可以试试这个。

success: function(data) {
    var fieldCount = 0,
        $tableRows = $("#formTable tr");
    for(var key in data) {
        $tableRows.eq(fieldCount++).find("td:eq(1)").text(data[key]);
    }
}

【讨论】：