使用ajax在html表行中显示sql数据

时间:2015-10-14 11:45:07

标签: php html mysql ajax html5

我想做标题所说的,因为sql数据库太慢了,我有一个带有一些值的表,我想每个显示一个,而其余的是加载,但我的主要问题我&# 39;创建一个表,然后在该表中插入十个值,然后创建第二个表并插入其他十个值......依此类推。但是,如果我想在第一个表格中插入一行,我不知道这是否可行,我一直在谷歌搜索,并没有找到办法做到这一点。

//OFFER ID
echo "<table class='calendar_table' align=left style='border: solid 1px black;'>";
echo "<th>OFFER ID</th></tr>";
$query = "SELECT installs.advertiser_id FROM installs WHERE YEAR(installs.time_of_install) = YEAR(NOW()) AND MONTH(installs.time_of_install) = MONTH(NOW()) GROUP BY installs.advertiser_id LIMIT 10";
$result_offerId = $conn->query($query);
$offerId= array();
if ($result_offerId->num_rows > 0)
{
    foreach($result_offerId as $row) {
        if($row['advertiser_id'] == 0)continue;
        echo "<tr><td>".$row['advertiser_id']."</td><td>";
        $offerId[] = $row['advertiser_id'];
    }
}
else
{
    echo "0 results";die();
}
echo "</table>";


//OFFER NAME
echo "<table align=left style='border: solid 1px black;'>";
echo "<th>OFFER NAME</th></tr>";

如您所见,我关闭了第一张桌子并打开第二张桌子,然后我无法在第一张桌子中重新插入行。有没有办法做到这一点?

2 个答案:

答案 0 :(得分:0)

 $(document).ready(function(){

        $("#submit).click(function(){

            $.ajax({
                type: 'POST',
                url: 'get_table_data.php',
                success: function(data) {               
                   $('.calendar_table').html(data);

                }
            });


   });

在url.after提交中使用您的控制器文件,您可以看到将加载表数据。

答案 1 :(得分:0)

让您的PHP文件输出表格行而不是表格。然后,当您执行ajax请求时,可以将<tr>附加到同一个表中,并尽可能多地重复该过程。