1. 创建数据库和表：
在 MySQL 数据库中创建一个名为 example 的数据库，并在其中创建一个名为 users 的表。表结构可以如下：
CREATE TABLE users (
id INT PRIMARY KEY,
name VARCHAR(50),
email VARCHAR(50)
);
INSERT INTO users (id, name, email) VALUES
(1, 'John Doe', 'john@example.com'),
(2, 'Jane Smith', 'jane@example.com');
2. 创建前端页面（HTML + JavaScript）：
创建一个 HTML 页面，包含一个按钮和用于显示用户数据的容器。
<!DOCTYPE html>
<html>
<head>
<title>PHP AJAX MySQL Example</title>
<script>
function fetchUserData() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("userList").innerHTML = this.responseText;
}
};
xhttp.open("GET", "fetch_users.php", true);
xhttp.send();
}
</script>
</head>
<body>
<button onclick="fetchUserData()">Fetch User Data</button>
<div id="userList"></div>
</body>
</html>
3. 创建服务器端 PHP 脚本：
创建一个 PHP 脚本，用于连接到 MySQL 数据库，执行查询并返回数据。
<!-- fetch_users.php -->
<?php
$servername = "localhost";
$username = "your_username";
$password = "your_password";
$dbname = "example";
$conn = new mysqli($servername, $username, $password, $dbname);
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
$result = $conn->query("SELECT * FROM users");
$users = [];
if ($result->num_rows > 0) {
while ($row = $result->fetch_assoc()) {
$users[] = $row;
}
}
$conn->close();
// 将用户数据以 HTML 格式返回给前端
foreach ($users as $user) {
echo "<p>ID: {$user['id']}, Name: {$user['name']}, Email: {$user['email']}</p>";
}
?>
4. 运行应用：
将 HTML 文件、PHP 文件和数据库配置放置在支持 PHP 的 web 服务器上，然后通过浏览器访问 HTML 文件。点击按钮时，JavaScript 将通过 AJAX 请求从 PHP 脚本中获取用户数据，并将其显示在页面上。
请确保替换数据库连接信息中的 "your_username" 和 "your_password" 为实际的数据库用户名和密码。此外，在实际应用中，需要考虑数据验证、安全性和错误处理等方面。
转载请注明出处：http://www.pingtaimeng.com/article/detail/3629/PHP