如何在不加载 JavaScript 的情况下更改 URL答案

【问题标题】：How to change URL without load in JavaScript如何在不加载 JavaScript 的情况下更改 URL
【发布时间】：2022-06-15 21:09:55
【问题描述】：

我有一个问题如何在不加载的情况下更改 URL。我正在处理PHP、JavaScript 项目。我尝试在不加载主页的情况下制作。在主页标题部分内容中的一些按钮，例如：-

标题

点击按钮而不是使用 XMLHttpRequest() 加载数据，我想更改 Url，如：-

https://example.com/home 到 https://example.com/search

代码

var xmld = new XMLHttpRequest();
    xmld.open("GET", "/Api/SearchPage", true);
    xmld.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    xmld.onreadystatechange = function() {
        if (xmld.readyState == 4 && xmld.status == 200) {
            var json = JSON.parse(xmld.responseText);
            if (json.Status == "Ok") {
                doument.querySelector("#content").innerHTML = json.HTMLData;
                window.location.href = "https://exmaple.com/Search"; // without load
            }
        }
    }
    xmld.send();

例如，当您单击项目时，网址会在没有加载的情况下发生变化

我没有使用任何js和php框架

示例

https://dribbble.com/

https://in.pinterest.com/

有可能吗？？

【问题讨论】：

stackoverflow.com/questions/824349/…

标签： javascript php html location-href

【解决方案1】：

如果你不使用框架window.history.pushState() 会做你想做的事。见此链接：https://developer.mozilla.org/en-US/docs/Web/API/History/pushState

【讨论】：

【解决方案2】：

使用像 Redux 这样的状态管理器和像 ReactJs 这样的现代 Javascript 框架。

【讨论】：