Question

我正在尝试从php文件中获取数据并将其显示在表格中。我一直试图迭代数据的每一行，然后将它附加到我表格的下一行，但我使用forEach循环遇到了障碍。不出所料，我没有正确使用循环，并且在控制台中我得到一个错误，指出“Uncaught TypeError：data.forEach不是函数”。有人能指出我正确的方向，我正在做错了什么，和/或我如何更容易找到解决方案。也有人可以向我解释如何将此文件的数据作为自己的变量，我出于某种原因无法做到这一点。请原谅我在我的代码中使用不正确的术语或一些非常可能的误用方法。顺便说一下，我无法控制这台服务器。

当按下更新按钮更新表格时，这是我的函数代码。

function updateButton(){
    $.get( "php link", function(data, status) {
        $.ajax({
          url: "php link",
          data: data,
          success: data.forEach(function(row) {
            var htmltext = "<tr><td>"+row.lastname+"</td><td>"+row.currentcity+"</td><td>"+row.uid+"</td><td>"+row.ip+"</td><td>"+row.updateTime+"</td></tr>"
              $(("#table1 tbody").append($(htmltext)));
               }),
          dataType: JSON
        });         
    });
}

Answer 1

您需要正确处理成功方法。像这样：

success: function(resultData) {
            resultData.forEach(function(row) {
                console.log(row.lastname);
                console.log(row.currentcity);
                console.log(row.uid);
                console.log(row.ip);
                console.log(row.updateTime);
                console.log(row);
                var htmltext = "<tr><td>"+row.lastname+"</td><td>"+row.currentcity+"</td><td>"+row.uid+"</td><td>"+row.ip+"</td><td>"+row.updateTime+"</td></tr>";
                $(("#table1 tbody").append($(htmltext)));
               });
        }

尝试在控制台面板中查看输出内容。

Answer 2

试试这样......

function updateButton(){
    $.get("php link", function(data, status){
        $.ajax({
          type:"POST",
          dataType: "JSON",
          url: "php link",
          data: data,
          success: function(data) {
            $.each(data,function)(index,row){
            var htmltext = "<tr><td>"+row.lastname+"</td><td>"+row.currentcity+"</td><td>"+row.uid+"</td><td>"+row.ip+"</td><td>"+row.updateTime+"</td></tr>"
              $(("#table1 tbody").append(htmltext));
            });
          }
        });     
        });

获取表单数据，并使用ajax

2 个答案: