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，但在浏览器中的导航不起作用。仅浏览器栏中的地址会更改，并且页面内容是静态的。