Javascript Popstate事件阻止Ajax請求

Question

我在防止Popstate事件發出Ajax請求時遇到了問題。

所以，這是我的代碼：

$(window).on('popstate', function(e) { 
     var state = e.originalEvent.state; 
      if (state !== null) { 


    loadProducts(location.pathname); 
     } 

}); 

function loadProducts(url) { 

    $.ajax({ 
      type  : "GET", 
      url   : url, 
      dataType : "html", 
      cache  : true, 
      success  : function(checks) { 
          $(".ajaxpage").html(checks); 
        } 
      }); 
}; 

$('#product').on("click", ".paging a", function(e) { 
    e.preventDefault(); 
    history.pushState(null, null, $(this).attr('href')); 
    loadProducts($(this).attr('href')); 
}); 

pushState的事件確實很好用Ajax請求。但是當我點擊「後退按鈕」時，頁面會再次執行相同的Ajax請求。這是爲什麼？我不再需要Ajax了，因爲我已經訪問過那個頁面了？就像Github所做的一樣？

如何防止對popstate事件的ajax請求？

我的代碼有什麼問題？

Answer 1

此行是錯誤的

var state = e.originalEvent.state 

你應該寫

var state = e.state 

僅供參考訪問狀態，https://developer.mozilla.org/en-US/docs/Web/Events/popstate