无法获得从 PHP 到 JS 的多个回显

Question

我正在尝试将所有具有相同名称的行从 MySQL 数据库获取到 HTML 表。所以基本上，我的 php 脚本调用getRequestToShow.phpechoes value to .js 文件（它通过使用 向 php 脚本询问值XMLHttpRequest）。然后这个 .js 文件添加 HTML 表中的行。我从 php 中回显 MySQL 行，如下所示：$conn = new mysqli($servername, $username, $password, $db_name);if ($conn->connect_error){  die("Connection failed: " . $conn->connect_error);}$id = $_GET['id'];$id = mysqli_real_escape_string($conn,$id);$query = "SELECT * FROM `requests` WHERE `name`='$id'";$result = mysqli_query($conn,$query);while($row = mysqli_fetch_array($result)) {echo json_encode(array('first'=>$row['name'],'second'=>$row['amount'],'third'=>$row['date'],'fourth'=>$row['state']));}..但我只能从数据库中获取 HTML 表中的值。如果有多于一行同名，则 HTML 表格上不会显示任何内容。function showUser45(str) {    var tableRef = document.getElementById('customers').getElementsByTagName('tbody')[0];    var newRow   = tableRef.insertRow(tableRef.rows.length);    var xmlhttp22 = new XMLHttpRequest();    xmlhttp22.onreadystatechange = function() {      if (xmlhttp22.readyState == 4 && xmlhttp22.status == 200) {          if(xmlhttp22.responseText === "") {            var newCell  = newRow.insertCell(0);            var newText  = document.createTextNode("No earlier withdraws");            newCell.appendChild(newText);          } else {            var h2 = JSON.parse(xmlhttp22.responseText);            var newCell1  = newRow.insertCell(0);            var newText1  = document.createTextNode(h2.first);             var newCell2  = newRow.insertCell(1);            var newText2  = document.createTextNode(h2.second);             var newCell3  = newRow.insertCell(2);            var newText3  = document.createTextNode(h2.third);             newCell1.appendChild(newText1);             newCell2.appendChild(newText2);            newCell3.appendChild(newText3);

Answer 1

将数据收集到一个数组中，然后进行一次回显

$res = [];

while($row = mysqli_fetch_array($result)) {

    $res[] = [ 'first'=>$row['name'], 

                'second'=>$row['amount'],

                'third'=>$row['date'],

                'fourth'=>$row['state']

            ];

}

echo json_encode($res);

现在，您必须更改 JS 以始终期望数组或行，因此循环遍历h2var