无需重新加载的页面切换

【问题标题】：Page switching without reload无需重新加载的页面切换
【发布时间】：2021-11-27 20:42:47
【问题描述】：

我有一个有 2 个页面的网站，因此我有 2 个按钮来切换页面。我只想在需要时更改网站，例如，如果我正在使用第 1 页，并且单击第 1 页的按钮，则它不应该重新加载。

我猜第一步是检查 URL $link = "http://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";

但是通过研究我无法更进一步：/ 有谁知道我该怎么做 - 使用标签对我来说并不重要。

【问题讨论】：

您必须在 JavaScript 中执行此操作。一旦使用 PHP 就为时已晚。

标签： php html url button reload

【解决方案1】：

你可以这样做：

<button onclick="switchPage(this)" data-page="index.php">page 1</button>
<button onclick="switchPage(this)" data-page="test.php">page 2</button>

为了重定向到所需的页面，您可以使用 JavaScript 或 jQuery 简单地检查 URL 和按下的按钮。

这是一个使用 JavaScript 的示例：

function switchPage(page) {
        let pageName = page.dataset.page;
        let path = location.href.split("/").slice(-1); 
        if(pageName != path) {
            window.location.href=pageName;
        }
    }

【讨论】：