Question

我的AJAX响应包含数据库的元素。我的页面#people上有一个表格，当AJAX请求成功时，我需要用数据库记录填充表格。这是我正在使用的代码（<script>中的index.html}：

$(document).ready(function(){
    $.ajax({
            type: "GET",
            url: "res/main.php",
            data: { command : "loadPeople" },
            success: function( resp ){
                for(var i = 1; i<= people.length; i++){
                    var tableRow = "<tr><td>" + people[i].id + "</td><td>" + people[i].name + "</td></tr>";
                    $("#people > tbody:last").append(tableRow);
                }
                console.log(resp.people);
            }
    });
});

（我用来填充表格的代码来自this StackOverflow question）

我在Chrome中使用FireBug，当我刷新页面时，其控制台中没有任何内容，我的表格保持不变。我该怎么做才能解决这个错误？错误在哪里？

编辑：

我将resp重命名为people，现在我的表格中填充了大约一千个标有undefined的项目。

这是我的people：

的示例

[{"id":"1","name":"Victor "},{"id":"2","name":"Dan "},{"id":"3","name":"John"},{"id":"4","name":"Mady"},{"id":"5","name":"Mary"},{"id":"6","name":"Michael"},{"id":"7","name":"Michaela"}]

（以PHP编码）

Answer 1

尝试更改

 success: function( resp ){

带

 success: function( people){

Answer 2

我找到了问题所在。在$.ajax请求中，我必须指定dataType : "json"。现在我的表格已正确填充，控制台看起来很不错。

使用AJAX响应填充表

2 个答案: