HTML发送GET请求至数据库失败求助：Flash游戏站无数据展示

嘿，兄弟，折腾三天可太熬人了！我来帮你捋捋这个问题～

先搞懂核心逻辑：HTML→后端→数据库 #

首先你得明白，纯HTML是没法直接连数据库的！你现在的问题大概率是想直接用HTML发GET请求到数据库，但这根本行不通——数据库不会直接响应浏览器的请求，必须要有个后端中间层（比如PHP、Node.js、Python Flask这些）来帮你做“翻译”：

• 前端HTML发GET请求给后端接口
• 后端接收请求，去查询数据库
• 后端把查询到的游戏数据整理成JSON或者HTML片段，返回给前端
• 前端拿到数据后，把游戏列表渲染出来

你的代码问题（结合你提到的<% include ...） #

你写的<% include ...看起来像是模板引擎的语法（比如EJS、JSP或者PHP的嵌入语法），但如果只是纯HTML文件，服务器根本不会解析这些标签，自然拿不到数据。

一步步来解决，新手友好版 #

1. 先搭个简单的后端接口（用PHP举例子，新手容易上手） #

假设你用PHP，先写一个get_games.php文件，负责从数据库拿数据：

<?php
// 连接数据库（替换成你的数据库信息）
$conn = mysqli_connect("localhost", "你的用户名", "你的密码", "你的数据库名");

// 检查连接
if (!$conn) {
    die("连接失败: " . mysqli_connect_error());
}

// 按名称查询游戏数据
$sql = "SELECT * FROM games ORDER BY name ASC";
$result = mysqli_query($conn, $sql);

// 把数据转成JSON格式
$games = [];
if (mysqli_num_rows($result) > 0) {
    while($row = mysqli_fetch_assoc($result)) {
        $games[] = $row;
    }
}

// 返回JSON数据
header('Content-Type: application/json');
echo json_encode($games);

// 关闭连接
mysqli_close($conn);
?>

2. 前端HTML用JavaScript发GET请求（不用刷新页面！） #

之前你提交后页面刷新，其实可以用fetch API来异步请求，不用刷新页面就能拿到数据：

<!DOCTYPE html>
<html>
<head>
    <title>Flash游戏列表</title>
</head>
<body>
    <h1>我的Flash游戏库</h1>
    <div id="game-list"></div>

    <script>
        // 用fetch发GET请求到后端接口
        fetch('get_games.php')
            .then(response => response.json())
            .then(data => {
                const gameList = document.getElementById('game-list');
                // 遍历数据，生成游戏列表
                data.forEach(game => {
                    const gameItem = document.createElement('div');
                    gameItem.innerHTML = `<h3>${game.name}</h3><p>描述：${game.description}</p>`;
                    gameList.appendChild(gameItem);
                });
            })
            .catch(error => {
                console.error('获取数据失败:', error);
                alert('哎呀，加载游戏列表出错了！');
            });
    </script>
</body>
</html>

3. 关键注意事项 #

• 确保你的服务器支持后端语言（比如PHP需要Apache或Nginx环境，本地可以用XAMPP、WAMP这些一键搭建）
• 数据库里的games表要存在，字段比如name、description要和你代码里的对应
• 别直接在本地打开HTML文件（file://协议），要通过服务器访问（比如http://localhost/你的文件路径），不然会有跨域问题

为什么你之前看的文档没用？ #

因为很多文档默认你已经懂“前后端分离”或者“后端接口”的概念，但新手刚开始根本不知道这层逻辑，所以会觉得看不懂。其实核心就是HTML负责展示，后端负责和数据库打交道，两者通过HTTP请求通信。

如果还有具体的代码报错或者环境问题，随时说细节，我再帮你调～

内容的提问来源于stack exchange，提问作者Adrian Marica