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

Question

I want to do that when I clicked on link (for example test.com/page?=test) my tab in the broswer open the link but without reload or refresh the page and change the content to the page content.

How can I start it? I know PHP, but its the first time that I try to do this.

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

Well, i doubt there is any easy way for this. https://www.w3schools.com/xml/ajax_intro.asp This might help.