使用History API解决ajax破坏浏览器前进后退功能问题

//History API
$(document).ready(function(){

    function anchorClick(link) {
        // var linkSplit = link.split('/').pop();
        $.post(link, {ajax:"1"}, function(data) {
            $('.main-content').html(data);
        });
    }

    $('.ajax').on('click', 'a', function(event) {
        window.history.pushState(null, null, $(this).attr('href'));
        anchorClick($(this).attr('href'));
        event.preventDefault();
        // event.stopPropagation()
    });


    window.addEventListener('popstate', function(e) {
        let url=location.pathname + location.search;
        anchorClick(url);
    });


    stop_ajax = function(){
        $(".ajax").off("click","a");
    }
    
});