AJAX响应和PHP循环

时间:2017-08-18 14:50:12

标签: php jquery mysql ajax

我正在使用PHP从MySQL数据库中检索一些记录,我想将这些记录发送到我的AJAX并循环遍历它们,以便prepend行到现有表。

但是我只能看到查询返回的最后一条(最近的)记录。有人可以指出我哪里出错吗?

AJAX

$.ajax({
    type: "POST",
    url: 'feed.php',
    data: {lastSerial: true},
    dataType: 'json',
    success: function(data){
        console.log(data); // logs `{Direction: "O", CardNo: "02730984", SerialNo: 20559303}`
        $.each(data, function(key, value) {
            // here I want to loop through the returned results - for example
            $("#transactionTable").prepend('<tr><td>'+ SerialNo +'</td><td>'+ CardNo +'</td><td>'+ Direction +'</td></tr>');
        });
       }
   });

feed.php

if(isset($_POST['lastSerial']) && $_POST['lastSerial'] == true) {
  $query = "SELECT TimeStamp, Direction, CardNo, SerialNo FROM Transactions";
  // this query returns approx. 20 results
  $stmt = $conn->prepare($query);
  $stmt->execute();
  $result = $stmt->get_result();
  while($row = $result->fetch_assoc()) {
        $data["Direction"] = $row['Direction'];
        $data["CardNo"] =   $row['CardNo'];
        $data["SerialNo"] = $row['SerialNo'];
  }
  echo json_encode($data);
}

另外在我的PHP中,我应该使用while还是if声明?

2 个答案:

答案 0 :(得分:3)

您每次使用单个$data对象并重置其内容。您想构建一个对象数组:

$data = array();

while($row = $result->fetch_assoc()) {
  $data[] = array( 
    "Direction" => $row['Direction'],
    "CardNo"    => $row['CardNo'],
    "SerialNo"  => $row['SerialNo']
  );
}

echo json_encode($data);

其次是:

success: function(data) {
    $.each(data, function(key, value) {
        $("#transactionTable").prepend(
          '<tr><td>' + value.SerialNo + '</td>' +
          '<td>' + value.CardNo + '</td>' +
          '<td>'+ value.Direction +'</td></tr>');
    });
}

答案 1 :(得分:0)

在feed.php中循环显示结果,但在每个循环中都会覆盖数据。因此,您只将数据库的最后结果返回给AJAX请求。

存在许多解决方案,但您必须执行类似

的操作
$data["Direction"][] = $row['Direction'];
$data["CardNo"][] =   $row['CardNo'];
$data["SerialNo"][] = $row['SerialNo'];

or better:
$data[] = $row;

由于您不更改密钥,因此可以使用最后一个选项。使用jQuery,您可以循环遍历它,并使用value.Direction,value.CardNo,value.SerialNo

访问数据。

注意:未经测试