jQuery JSON 响应到表列

发布于 2025-01-05 01:39:39 字数 517 浏览 0 评论 0原文

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

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

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

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

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

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

谢谢。

原文

The excerpt below is part of a .ajax() function I'm using to pull data from a database. The database is queried using PHP and the output sent back in JSON format. Only 1 row of data is returned by the function.

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

I have an HTML table on the page which is split into two columns. The left column has field labels, the right column is empty.

I would like to cycle through my JSON reply for each key/value pair. I would like to insert the value into the right hand column table cell. The code should cycle through until all key/value pairs have been output onto the next table row, into the next right hand table cell.

The code above selects the second column table cell but inserts the last JSON value into all cells instead of each value going into its' own table cell in the column.

I think if I can get the selector right this will work, I'm just not sure what that should be..

Thanks.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

梦境 2025-01-12 01:39:39

您基本上是在每次迭代中从整个表行集中选择表的所有行和第二个 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]);
    }
}

You are basically selecting all the rows of the table and second td from the whole set of table rows in each iteration so it isn't working as expected.

Assuming that the json response has one to one mapping of keys and the field labels in the table you can try this.

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

回复收藏 0 原文

~没有更多了~