将PHP/MySQLi结果显示为HTML表
Displaying PHP/MySQLi results as HTML table
我单击一个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,但似乎也不起作用。
您错过了在div中显示结果的机会。尝试如下:
$.post("PhotoTopTen.php", {startdate: startDate,enddate: endDate}, function( data ) {
$( "#displayTable" ).html( data );
});
相关文章:
- 谷歌地图不是以HTML显示,而是在JS Fiddle上工作
- 使用鼠标悬停JavaScript/HTML显示文本
- 用javascript在html显示列表中显示新成员
- 尊重“; 〃;从HTML显示中的API响应返回的换行符(和特殊字符)
- HTML 显示/隐藏元素 JS 不起作用
- 从一个文本框执行代码,并在另一个文本框中以 HTML 显示输出
- 使用javascript for html显示特定时区的日期和时间
- 如何将一个元素的外部HTML显示为另一个元素的内容
- 将SQL BIT转换为JSON,直到jQuery,最后以HTML显示
- 使用 Javascript 迭代以 HTML 显示多个图像
- 文本(输入)字段中的 HTML 显示结果
- PHP - 作曲家自动加载器导致 html 显示在浏览器中
- 将HTML文件中的表单提交到PHP文件,并以相同的HTML显示结果
- 如何使 HTML/Javascript 从 PHP 脚本接收数据并以 HTML 显示
- 显示一个图像,然后使用 HTML 显示另一个图像
- input type=“password” 在 IE 11 上使用 HTML 5 显示文本
- 使用 JSON 从 PHP 返回数组并以 HTML 显示内容的适当方法
- Jquery对话框IE9内容未使用html显示
- HTML显示在“;查看源“;与Firebug中显示的HTML不同
- 使用jQuery.HTML()插入时HTML显示不正确