Question

我正在尝试编写用于数据库管理目的的Web应用程序。我在HTML + CSS3上编写了应用程序的前端，服务器端语言是PHP，但我仍然对如何调用MySQL并将其显示给用户而不刷新/重新加载页面感到困惑。

试图具体，这是我的怀疑：

我可以在不重新加载页面的情况下执行MySQL查询吗？
如何显示包含查询结果的表格？

Answer 1

使用Ajax：

将此代码添加到要显示表格数据的主页面

<html>
<head>
<script>
function dashboard() {
var query_parameter = document.getElementById("name").value;
var dataString = 'parameter=' + query_parameter;

// AJAX code to execute query and get back to same page with table content without reloading the page.
$.ajax({
type: "POST",
url: "execute_query.php",
data: dataString,
cache: false,
success: function(html) {
// alert(dataString);
document.getElementById("table_content").innerHTML=html;
}
});
return false;
}
</script>
</head>
<body>
<div id="table_content"></div>
</body>
</html>

在 table_content div中，来自 execute_query.php 页面的数据将在不刷新页面的情况下加载。

<强> execute_query.php

$user_name = $_POST['parameter'];

$query="SELECT * from info where name=$user_name";
$result=mysql_query($query);
$rs = mysql_fetch_array($result);

do
{
?>
<table>
<tr>
<td><?php echo $rs['city']; ?></td>
<td><?php echo $rs['phone_number']; ?></td>
</tr>
</table>
<?php
}while($rs = mysql_fetch_array($result));

在没有重新加载页面的情况下在表中显示MySQL结果

1 个答案: