如何在不重新加载页面的情况下更改页面URL和页面内容？

Question

当我点击链接（例如test.com/page?=test）时，我想在broswer中打开链接但不重新加载或刷新页面并将内容更改为页面内容。< / p>

我该如何开始？我知道PHP，但这是我第一次尝试这样做。

Answer 1

You can use HTML5 History API

document.body.addEventListener('click', function(event){
    if(event.target.tagName === 'A'){
       event.preventDefault();
       history.replaceState({}, "Page Title", event.target.href);
    }
})

Answer 2

嗯，我怀疑这有什么简单的方法。 https://www.w3schools.com/xml/ajax_intro.asp 这可能有所帮助。