使用jQuery和Ajax使用json数据填充表

Question

因此，我正在尝试使用脚本中的数据来填充表。我尝试了很多次，改变了很多参数等等，但似乎不能让它工作。这是我到目前为止所得到的：

$(document).ready(function () {
        $.get(file + '?op=retrieve&page=1', function (data) {
            $.each(data, function (i, elem) {
                $('#mainTable').append(
                    '<tr><td>' + elem.name + '</td><td>' + elem.address  '</td></tr>'
                )
            })
        })

我目前收到错误: TypeError: E不是一个对象。(计算e中的't-1‘)

以下是json数据的一个示例：

{"id":"348141","name":"Birdies","address":"Bridge Street, Tunbridge Wells, TN1 1AH"}]

Answer 1

从您的数据中，我了解到您将获得一个js对象数组。

如果您看到您的js代码，您将使用以下代码片段

$.each(data，function (i，elem) { })；

因此，在上面的代码中，"i“是索引，elem是当前迭代值。

所以elem.namei将是无效的。这是因为elem本身是一个具有name属性的对象，而name只是string类型。所以你不能有奈美。

$(document).ready(function () {
        $.get(file + '?op=retrieve&page=1', function (data) {
            $.each(data, function (i, elem) {
                $('#mainTable').append(
                    '<tr><td>' + elem.name + '</td><td>' + elem.address  '</td></tr>'
                )
            })
        })

我假设"mainTable“元素如下所示

<table>
<tbody id="mainTable">
</tbody>
</table>