无需重新加载的页面切换

Question

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

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

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

Answer 1

你可以这样做：

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

为了重定向到所需页面，您只需检查 URL 并使用 JavaScript 或 jQuery.

按下按钮

这是一个使用 JavaScript 的例子：

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