javascript - 浏览器中支持 AJAX 的导航按钮

Question

我创建了一个小项目来学习 JavaScript 和 PHP。我想用一些子页面创建 AJAX 导航而不重新加载我的网站。我通过从内部服务器获取 HTML 代码，并在单击按钮后将下载的 HTML 代码替换为我的 .php 文件中的原始代码。

我在互联网上阅读了一些内容并得出结论，我应该使用 History API，但我不知道如何使用。许多解决方案都基于 jQuery，但我不想使用框架。也许还有其他方法可以创建此导航？

button.addEventListener('click', getDataFromJsonUI);

   function getDataFromJsonUI(){
    fetch("link_to_my_JSON")
    .then(function(response){
        return response.json();
    })
    .then(function(result){
        output = result[0].html;
        userInterfaceBox.innerHTML = output;

    });
} 

事件“点击”正确更改原始 html，但浏览器中的导航不起作用。只有浏览器栏中的地址发生变化，页面内容是静态的。

标签： javascriptphpajax