使用Ajax时history.pushstate出现问题

这是未经测试的,但应该适合您的需要。这里的想法是更新 window.history 仅适用于新添加的URL。

对于每个成功的请求,我们将检查当前URL是否存在于 myState . 如果没有,我们可以假设一个新页面,更新历史记录,并将URL放到我们的私有缓存中。 我的国家 .

这将使您的URL保持有序,并防止重复的历史记录条目。

请注意,此代码使用ES2015。您可以在Web上搜索polyfills:)

// it is probably not a good idea to keep your own history
let myState = [];

function ajax_get_update(url) {
  $.ajax({
    async: true,
    type: "GET",
    url: url,
    cache: true,
    success: function(result) {
      sessionStorage.setItem("result", result);
      update_content(result);
      update_history(url);
    }
  });
}

function update_history(url) {
  // window.history is only updated when the current url is not
  // saved in our private history
  if (!myState.includes(url)) {
    history.pushState(url, url, url);
    myState.push(url);
  }
}