Javascript 动态加载内容

我想使用Ajax加载内容，并避免重新加载标题，类似于此

到目前为止，我有这个，但不知道还有什么添加，以获得相同的效果。我注意到，在那个网站上，除了标题外，URL和内容也会发生变化，这正是我想要的。在查看了源代码之后，除了注意到URL中的.php扩展之外，我找不到他正在使用的任何东西

$('nav li a').click(function(){
  // var pageurl = $(this).attr(href);
  var pageurl = $(this).attr('href');

  $('#wrap').load(pageurl);
});

我做错了什么

更新 抱歉，我确实错过了

href

上的引号，尽管它对我仍然不起作用

$('nav li a').click(function(e){
  var pageurl = $(this).attr('href');

  $('#wrap').load(pageurl);

  e.preventDefault();
});

您需要在attr周围添加引号，并通过添加preventDefault（）来阻止链接更改页面

编辑：

我刚刚注意到您的选择器是：

$('nav li a')

---

您确定它不是

#nav

或

.nav

（对于ID或类）？

要实现地址栏中的更改，您需要使用window的历史对象

检查

从该页：

var stateObj = { foo: "bar" };
history.pushState(stateObj, "page 2", "bar.html");

---

您缺少一些引号：var pageurl=$（this.attr（'href'）；不确定是否输入错误，但应该是

.attr（'href'）

是的，我错过了引号。但仍然不起作用。@user1658756我刚刚更新了我的答案。如果修好了，请告诉我。是的，我确定。它仍然加载整个页面。