AJAX - przeglądarka nie wraca do starej zwartości po naciśnięciu przycisku wstecz

Question

WItam, mam problem z poleceniami ajax, gdy przechodzę ze strony głównej na inne strony przy użyciu przycisków na stronie to zawartość strony się zmienia, jednak gdy chcę wrócić na poprzednią stronę przy użyciu przycisku wstecz w przeglądarce to strona zostaje przy swojej starej zawartości pomimo zmiany adresu. Jak zrobić to tak aby zawartość strony się zmieniała?

<button onclick="page('/plan.html')">plan.html</button>
    <script>

        function page(path){
            var xhttp = new XMLHttpRequest();
            xhttp.onreadystatechange = function(){
                if(this.readyState == 4 && this.status == 200){
                    document.body.innerHTML = this.responseText;
                }
            }
            window.history.pushState("object or string", "Title", path);
            xhttp.open("GET", path, true);
            xhttp.send();
        }

    </script>

Plan
    <script>
        window.onHistoryGo = function() {
            var xhttp = new XMLHttpRequest();
            xhttp.onreadystatechange = function(){
                if(this.readyState == 4 && this.status == 200){
                    document.body.innerHTML = this.responseText;
                }
            }
            window.history.pushState("object or string", "Title", document.referrer);
            xhttp.open("GET", document.referrer, true);
            xhttp.send();
        }

    </script>

 

Answer 1

Trzeba użyć zdarzenia popstate.