如何用PHP和AJAX显示MySQL数据库

使用PHP和AJAX显示MySQL数据库可以通过以下步骤实现：

首先，确保你已经安装了PHP和MySQL，并且已经创建了一个数据库和表格。
创建一个PHP文件，命名为"show_data.php"，用于连接到MySQL数据库并获取数据。

<?php
// 连接到MySQL数据库
$servername = "localhost";
$username = "your_username";
$password = "your_password";
$dbname = "your_database";

$conn = new mysqli($servername, $username, $password, $dbname);

// 检查连接是否成功
if ($conn->connect_error) {
    die("连接失败: " . $conn->connect_error);
}

// 查询数据库中的数据
$sql = "SELECT * FROM your_table";
$result = $conn->query($sql);

// 将查询结果转换为JSON格式
$data = array();
if ($result->num_rows > 0) {
    while ($row = $result->fetch_assoc()) {
        $data[] = $row;
    }
}

// 输出JSON数据
echo json_encode($data);

// 关闭数据库连接
$conn->close();
?>

创建一个HTML文件，命名为"index.html"，用于显示从MySQL数据库获取的数据。

<!DOCTYPE html>
<html>
<head>
    <title>显示MySQL数据库数据</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
            // 使用AJAX请求PHP文件获取数据
            $.ajax({
                url: "show_data.php",
                type: "GET",
                dataType: "json",
                success: function(data){
                    // 将数据显示在HTML页面上
                    var html = "";
                    for (var i = 0; i < data.length; i++) {
                        html += "<p>" + data[i].column1 + " - " + data[i].column2 + "</p>";
                    }
                    $("#data").html(html);
                }
            });
        });
    </script>
</head>
<body>
    <div id="data"></div>
</body>
</html>

在上述代码中，你需要将"your_username"、"your_password"、"your_database"和"your_table"替换为你自己的数据库信息。