上述代码始终跳转到第一个页面上-Go服务器开发

如果上述代码 <li><a href="?id=4">游乐设备系列</a></li> 始终跳转到第一个页面，可能有以下几个原因：

同一页面处理：
- 如果你在使用这个链接时，不论选择哪个 id 值，都指向同一个页面（即带有相同的基础 URL），那么只会在该页面内进行刷新，而不会加载新的内容。这是因为在相同的 HTML 页面中，查询参数不会引导浏览器去加载不同的 HTML 文件。
后端逻辑：
- 需要确保你的后端逻辑能够根据传入的 id 参数返回不同的内容。如果后端不根据这个参数做出响应变化，则即使 URL 发生变化，用户也可能感知不到变化。
前端 JavaScript 处理：
- 如果你依赖 JavaScript 来更新页面内容，那么要确保 JavaScript 能够正确解析并响应这个 id 参数。可以参考下面的示例：

示例：前端和后端结合使用

1. 后端逻辑 (伪代码)

假设你用 Node.js 和 Express 框架，可以写成这样：

app.get('/', (req, res) => {
    const id = req.query.id;
    
    if (id === '4') {
        res.send('<h1>欢迎来到游乐设备系列!</h1>');
    } else {
        res.send('<h1>这是首页!</h1>');
    }
});

2. 前端处理

如果仍希望在当前页面动态更新内容，你可以使用以下 JavaScript：

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>游乐设备</title>
</head>
<body>
<ul>
    <li><a href="?id=4">游乐设备系列</a></li>
    <li><a href="?id=5">其他设备系列</a></li>
</ul>
<div id="content"></div>
<script>
window.onload = function() {
    const params = new URLSearchParams(window.location.search);
    const id = params.get('id');
    
    const contentDiv = document.getElementById('content');
    if (id === '4') {
        contentDiv.innerHTML = '<h1>欢迎来到游乐设备系列!</h1>';
    } else if (id === '5') {
        contentDiv.innerHTML = '<h1>欢迎来到其他设备系列!</h1>';
    } else {
        contentDiv.innerHTML = '<h1>这是首页!</h1>';
    }
};
</script>
</body>
</html>