Php Ajax加载动态页面

HTML index.php

<a class="cart-icon" href="cart"></a>
<div class="content"></div>

这段代码将从cart.php加载内容，但不会更新url，因此当我刷新页面时，该div中的内容将消失。我希望它当我刷新页面时，它不会消失，也会更新url

例如：

---

默认url:index.php，当我按下a标记时，它将从cart.php加载内容，并将url更新为index.php/load content/cart.php

您需要某种持久性存储。加载到页面DOM中的任何内容都是临时的。

$(document).ready(function(){
   $(document).on('click', '.cart-icon', function(e){
       e.preventDefault();
       var page = $(this).attr("href");
       $('.content').load('load-content/'+page+'.php');
   });
});

您可以简单地执行与加载文档时相同的操作：

$(document).ready(function(){
   $('.content').load('load-content/'+page+'.php');
   $(document).on('click', '.cart-icon', function(e){
       e.preventDefault();
       var page = $(this).attr("href");
       $('.content').load('load-content/'+page+'.php');
   });
});

---

哦，很抱歉，我解释得很复杂，但我不想在我点击链接之前加载div内容，我只需要更新url，然后在我点击链接时加载内容，返回时也会加载上一页。但它不能。您总是需要将内容存储在某个地方。我只是给你举了一个例子，但是有很多方法可以做到这一点。除非将数据存储在某个位置（并且数据已经存储在正在执行

.load（）

的页面中），否则刷新页面时必须加载原始页面。执行刷新时，必须在加载新内容的

.ready（）

中执行某些操作。