Ajax i zmiana url

Question

Cześć, chcę stworzyć stronę za pomocą AJAX'a który będzie pełnił rolę takie routinga jak jest w np. angularze. Piszę piszę ale napotkałem coś czego nie potrafię samemu przeskoczyć, a mianowicie chodzi o url.

Chodzi o to, że chcę aby po kliknięciu w button również zmienił się URL ale bez przeładowania strony, i gdy skopiuje ten url i otworzę w nowej karcie to pokaże odpowiednią stronę. 

Na razie mam tylko tyle, chodzi mi o ten URL.

function website(e) {
    e.preventDefault();
    var xhr = new XMLHttpRequest;
        xhr.open('GET', 'website', true);
        xhr.onload = function() {
            if(xhr.status == 200) {
                var text = xhr.responseText;
                body.innerHTML = text;
            }
            else {
                console.log('nie dziala');
            }
        };
        xhr.send();
};

 

Answer 1

A modern JavaScript router in 100 lines