如何以模式方式將Ajax數據插入表

Question

這是一個ajax代碼，它將json中的數據並使用該數據創建一個表。 但我收到此錯誤：

parsererror

 $('#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);

UPDATE

假設您使用了我給您的第一個PHP示例，請按照以下步驟更新JS。 不確定添加表行的方式是否最好，但這應該可以解決您的問題。 如果沒有，請提供console.log輸出以供響應：

 $('#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); } }); });