如何以模态方式将ajax数据插入表中

Question

这是 ajax 代码，它获取 json 中的数据并使用数据创建一个表。但我收到了这个错误：

解析器错误

$('#loadddx').click(function(e) {
    e.preventDefault();
    $.ajax({
        url: $(this).attr('href'), // Example: ajax.php?id=
        dataType: 'json',
        success: function(resp) {
            var trHTML = '';
            $.each(resp, function(i, userData) {
                for (i = 0; i < resp.userData.length; i++) {
                    trHTML +=
                        '<tr><td>' +
                        resp.userData[i].pais +
                        '</td><td>' +
                        resp.userData[i].data +
                        '</td><td>' +
                        resp.userData[i].origem +
                        '</td><td>' +
                        resp.userData[i].ip +
                        '</td><td>' +
                        resp.userData[i].isp +
                        '</td><td>' +
                        resp.userData[i].browser +
                        '</td><td>' +
                        resp.userData[i].os +
                        resp.userData[i].newid +
                        '</td></tr>';
                }
            });
            $('#result').append(trHTML);

            console.log(resp);
            $("#showDataa").modal("show");

        },
        error: function(xhr, status) {
            console.log(status);
        }
    });
});

这里是返回数据的.php文件

$res = [];
while ($stmt - > fetch()) {
$res[] = array("success" => true, "pais" => $pais, "data" => $data, "origem" => $origem, "ip" => $ip, "isp" => $isp, "browser" => $browser, "os" => $os, "newid" => $newid);
echo json_encode($res);
}

谁能帮帮我？

Answer 1

尝试如下更新您的 PHP：

$stmt->fetch();
echo json_encode(array("success" => true, "pais" => $pais, "data" => $data, "origem" => $origem, "ip" => $ip, "isp" => $isp, "browser" => $browser, "os" => $os, "newid" => $newid));

不确定while 循环的用途是什么？如果循环中的值是由 $stmt->fetch() 每次迭代更新的全局值，并且您需要多次迭代，请尝试以下操作：

$res = [];
while($stmt->fetch()) $res[] = array("success" => true, "pais" => $pais, "data" => $data, "origem" => $origem, "ip" => $ip, "isp" => $isp, "browser" => $browser, "os" => $os, "newid" => $newid);
echo json_encode($res);

更新

假设您使用了我给您的第一个 PHP 示例，请按如下方式更新您的 JS。不确定您附加表格行的方式是最好的，但这应该可以解决您的问题。如果不是，请提供console.log 输出以供resp：

$('#loadddx').click(function(e) {
    e.preventDefault();
    $.ajax({
        url: $(this).attr('href'), // Example: ajax.php?id=
        dataType: 'json',
        success: function(resp) {
           console.log(resp);
           
           $('#result').append(
             '<tr><td>' +
             resp.pais +
             '</td><td>' +
             resp.data +
             '</td><td>' +
             resp.origem +
             '</td><td>' +
             resp.ip +
             '</td><td>' +
             resp.isp +
             '</td><td>' +
             resp.browser +
             '</td><td>' +
             resp.os +
             resp.newid +
             '</td></tr>';
           }

           $("#showDataa").modal("show");
        },
        error: function(xhr, status) {
            console.log(status);
        }
    });
});