1. 创建一个HTML文件（index.html）：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>AJAX with PHP and Database Example</title>
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
</head>
<body>
<div id="result"></div>
<script>
$(document).ready(function () {
// 当页面加载完成时执行的JavaScript代码
// 使用AJAX发起GET请求
$.ajax({
url: 'ajax_database.php', // PHP脚本的地址
type: 'GET',
dataType: 'html',
success: function (data) {
// 请求成功时的回调函数
$('#result').html(data); // 将结果显示在页面上
},
error: function () {
// 请求失败时的回调函数
alert('Error occurred while processing the request.');
}
});
});
</script>
</body>
</html>
2. 创建一个处理AJAX请求的PHP文件（ajax_database.php）：
<?php
// 连接数据库
$servername = "your_servername";
$username = "your_username";
$password = "your_password";
$dbname = "your_database";
$conn = new mysqli($servername, $username, $password, $dbname);
// 检查连接是否成功
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
// 执行数据库查询
$sql = "SELECT * FROM your_table";
$result = $conn->query($sql);
// 处理查询结果
if ($result->num_rows > 0) {
// 输出数据
while ($row = $result->fetch_assoc()) {
echo "ID: " . $row["id"] . " - Name: " . $row["name"] . "<br>";
}
} else {
echo "0 results";
}
// 关闭数据库连接
$conn->close();
?>
在上述示例中，通过AJAX发起GET请求，后台的ajax_database.php脚本连接到数据库（请替换为你自己的数据库连接信息）并执行查询。查询结果以HTML格式返回给前端页面，最终在页面上显示出来。
请确保在实际应用中使用预处理语句以防止SQL注入，并适当处理数据库连接的错误。
转载请注明出处：http://www.pingtaimeng.com/article/detail/13845/PHP