使用JSON格式的数据使用JQuery AJAX填充HTML表

时间:2017-07-12 10:12:47

标签: php jquery json ajax

我是新手和新手学习者。我已经检查了一些类似的问题,但无法让它们起作用。 我想要实现的是,查询我的数据库,检索帐户列表,然后jquery函数向每个帐户的ajaxtest2.php文件发送查询以检索帐户信息并在html表中显示它。

主要问题是,表格填充了数据库中最后一个帐户的信息而不是所有帐户。

我现在得到这个输出:

`3459   1459    3459    1459`

非常感谢您的帮助。

感谢yoU:)

 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")); 
?>  

1 个答案:

答案 0 :(得分:0)

确保在生成单元格时有表行。

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来填充表。

希望它有所帮助!