將PHP / MySQLi結果顯示為HTML表

Question

我單擊HTML按鈕以運行JS腳本，該腳本將日期條件（在頁面上的其他位置輸入）發布到PHP頁面，然后查詢MySQLi數據庫。 我想在自動生成的HTML表中顯示結果，並且希望該表在頁面上的特定div中。 我的HTML代碼是：

<div id="buttonContainer">
    <input type="button" id="reportButton" value="Generate Report" onclick="generateReport();">
</div>  
<div id="displayTable">
</div>

我的JS代碼是：

window.generateReport = function(){    
    $.post("PhotoTopTen.php", {
        startdate: startDate,
        enddate: endDate,
    });
}

我的PHP代碼是：

<?php
$startdate = date('Y-m-d H:i:s',strtotime($_POST["startdate"]));
$enddate = date('Y-m-d H:i:s',strtotime($_POST["enddate"]));
$con = mysqli_connect("localhost","User","password","dbase");
$sql="SELECT Document, COUNT(*) as count FROM table WHERE event LIKE 'Photo%' GROUP BY Document ORDER BY count DESC LIMIT 10";
$result = mysqli_query($con,$sql);
$data = array();
while($row = mysqli_fetch_assoc($result)) {
    $data[] = $row;
};
$colNames = array_keys(reset($data))
echo "<table><tr>";
foreach($colNames as $colName) {
    echo "<th>$colName</th>";
}
echo "</tr>";
foreach($data as $row) {
    echo "<tr>";
    foreach($colNames as $colName) {
        echo "<td>".$row[$colName]."</td>";
    }   
    echo "</tr>";
}
echo "</table>";

？>

我知道MySQLi查詢有效，因為我已經在phpMyAdmin中對其進行了測試。 我也知道我的錯誤是將HTML標簽回傳到JS文件（而不是HMTL頁面），但是我只是不知道該如何做。 我試過在JS腳本標簽內回顯HTML，但這似乎也不起作用。

Answer 1

您錯過了在div中顯示結果的機會。 嘗試如下：

$.post("PhotoTopTen.php", {startdate: startDate,enddate: endDate}, function( data ) {
     $( "#displayTable" ).html( data );
});