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不是Object。（评估e＆＃39;中的＆＃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.name [i]无效。这是因为elem本身是一个具有name属性的对象，name只是string类型。所以你不能有名字[i]。

$(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>

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

1 个答案: