使用JSON格式的數據使用JQuery AJAX填充HTML表

Question

我是新來的新手學習者。 我已經檢查過類似的問題，但無法使它們起作用。 我想要實現的是，查詢數據庫，檢索帳戶列表，然后jquery函數將查詢發送到ajaxtest2.php文件，以獲取每個帳戶的帳戶信息，並將其顯示在html表中。

主要問題是，表中填充的是數據庫中最后一個帳戶的信息，而不是所有帳戶的信息。

我現在得到這個輸出：

`3459   1459    3459    1459`

您的幫助將不勝感激。

謝謝 ：）

 include_once('database.php');

$sql1 = "select * from account ";
$result1 = mysql_query($sql1);


while ($arr1 = mysql_fetch_array($result1)) {
    $var = $arr1["account_no"];
    ?>

    <script type="text/javascript">
        $(document).ready(function() {



        $(window).load(function() {

        var numValue = <?php echo $var; ?>;
    $.getJSON("ajaxtest2.php", {number: numValue}, function(data){

    var trHTML = '';
    $.each(data, function () {
    trHTML += '<td>' + data.bal + '</td><td>' + data.eq + '</td>';
    });
    $('#location').append(trHTML);
    });
    }); `
});
</script>
<table id="location" border='1'>
</table>

<?php

}

以下是ajaxtest2.php的響應

echo json_encode(array("bal" => "$balance", "eq" => "$equity")); 
?>  

Answer 1

生成單元格時，請確保您具有表行。

trHTML += '<tr><td>' + data.bal + '</td><td>' + data.eq + '</td></tr>';

否則，您的單元格將始終追加到上一個單元格的右側，而不更改行

另外，您的代碼都可以僅使用PHP來完成（沒有js）

這是如何做：

<?php
include_once('database.php');

$sql1 = "select * from account ";
$result1 = mysql_query($sql1);
?>

<table id="location" border='1'>
    <?php
    while ($arr1 = mysql_fetch_array($result1)) {
        $var = $arr1["account_no"];

        //your ajaxtest2.php functionnalities go here
        //let's say $accBalance and $accEquity contain the information you wanted about that specific row

        echo '<tr><td>'.$accBalance.'</td><td>'.$accEquity.'</td></tr>';
    }
    ?>
</table>

在那里，您可以使用數據庫值而不使用JS來填充表。

希望能有所幫助！