在 JS 中使用 history.pushState 加载页面时后退按钮不起作用

Question

我正在尝试通过 ajax 加载页面，并成功加载history.pushState和页面，但在这种情况下后退按钮不起作用。 请在下面检查我的代码：

function processAjaxData(response, urlPath){
    document.write(response)
    document.title = '';
    window.history.pushState({"html":response,"pageTitle":''},"", urlPath);
}

$('#apply_loader').click(function(e){
   
      var nextPage = $(this).attr('href');
      $.get(nextPage,  // url
      function (data, textStatus, jqXHR) {  // success callback
        processAjaxData(data,nextPage);
      }
    );
});

我正在尝试使用下面的popstate来识别后退按钮单击。

  $(window).on('popstate', function(event) {
    console.log('asd');
     location.reload();
  });

Answer 1

也许为时已晚，但也许这会解决问题：

而不是 location.reload()，尝试：

window.location = location.href