Javascript 使用同一HTML模板/文件时重定向到不同页面？

我有一个玩家列表，我将展示一个示例来给出一个基本想法：

<div>
  <ul id="playerNames">
      <li><b>Harden</b></li>
      <li><b>Giannis</b></li>
      <li><b>Lebron</b></li>
      <li><b>Booker</b></li>
      <li><b>Lavine</b></li>
      <li><b>Westbrook</b></li>
      <li><b>Jokic</b></li>
  </ul>
</div>

我正在研究查询字符串，并认为它们可能是实现这一点的最佳方法，但我以前从未使用过它们，因此这可能不是真的

---

总之，归根结底，我要避免创建500多个看起来几乎相同的html文件。如果有人对此有解决方案，我洗耳恭听。

如果您希望所有玩家信息都在一个单独的.html文件的一个页面中，那么您可以使用

playerInfo.html是所有玩家信息所在的页面。然后，在HTML元素中添加一个带有该玩家信息的id，这样链接会自动将页面向下滚动到带有该id的元素：

index.html：

playInfo.html：

播放器信息HTML

正如斯科巴利奇所说，在url中添加

“？=playerid”

是（在我看来）最好的解决方案。查询字符串使这成为一项相当简单的任务。我的解决方案如下：

在PHP中创建列表时，使用查询字符串将包含玩家id的链接添加到URL中：

<a href='nba_player_stats_page.html?player=" . $ids[0] . "'>"

最后，只需使用ajax加载php文件：

$.ajax({
  url:'nba_player_stats.php',
  method: 'GET',
  success:function(res){
    $('#playerStats').html(res)
    // $('#playerNames').replaceWith(res);
  }
})

---

这个基本结构应该可以帮助任何有类似问题的人。

将它链接到同一个页面，但使用不同的URL参数？然后从URL中读取ID/名称并显示特定用户的数据。我相信这就是我正在尝试做的。原谅我不知道那到底是什么。但是如果一个URL参数基本上只是有相同的页面，但是根据我是如何到达那里的，有不同的“设置”，那么这听起来正是我想要的。这几乎是一个基于观点的问题。人们可以建议查询字符串、js框架、任何类型的数据库等等。这太广泛了。Deda说，对于每个玩家，创建一个链接作为

，而不是基于玩家ID在同一页面上显示其他数据。是的，skobaljic，这正是我想要做的。谢谢Deda确认我的请求。但是我需要什么代码才能使url末尾的“？player=203932”指向功能页面？

<a href='nba_player_stats_page.html?player=" . $ids[0] . "'>"

$url = $_SERVER['HTTP_REFERER'];
$id = substr($url, strpos($url, "=") + 1);

$.ajax({
  url:'nba_player_stats.php',
  method: 'GET',
  success:function(res){
    $('#playerStats').html(res)
    // $('#playerNames').replaceWith(res);
  }
})