使用jQuery Ajax加载和覆盖当前页面url和内容

我在index.php上有一个产品列表，单击产品名称后，我想通过加载product_details.php页面及其内容和url来覆盖index.php内容和url，而无需重新加载页面

我使用了下面的代码覆盖url，但我不知道如何加载内容

$(document).on("click", ".view", function(e) { 

  e.preventDefault();

  var url = $(this).attr(href);

  history.pushState('obj', 'Product Details', url); 


 }); 

这是我想要的一个例子

---

你可以这样做

$（文档）。在（“单击”，“查看”，功能（e）{

---

研究

pushstate

历史。pushstate（null，null，url）；

签出我的代码..我编辑了它。

       e.preventDefault();
    
       var url = $(this).attr("href");
  

    $('#loader').css("display","inline-block"); // display's a loader while loading 
    
        
     setTimeout(function() {  
    
            $("#products").load(url + " #details", function() {
    
       history.replaceState('obj', 'Product_Details', url);  });
          
        }, 2000);
       
    });