如何在异步页面加载时更改导航 URL

Question

我使用了下面的脚本，但它没有显示链接的URL。

<a href="<?php echo base_url();?>admin/football_manage/form" class="loadpage">add</a>
<div id="right_side_contnet"></div>

$(document).ready(function(){ 
   $('.loadpage').click(function(e){ 
      e.preventDefault() 
      $('#right_side_contnet').load(this.href) 
   }); 
});

- user2556036

---

“kills the url”是什么意思？你想做什么？你是想改变地址栏中的URL吗？在这里，你可能需要使用history.pushState。请参考history.pushState。 - gen_Eric

你可以尝试弹出 this.href 来确认它是否符合你的期望吗？ - rusmus

你的 base_url() 函数是什么？你需要确保链接本身是正确的。你可以在开发者工具中打开浏览器控制台以查看错误信息。 - shawnzhu

echo base_url(); 显示什么？ - HackerKarma

看起来你有一个可能会导致错误的拼写错误..不应该是$('#right_side_contnet').load(this.href)，而应该是$('#right_side_content').load(this.href)。 - Asons

Answer 1

Ajax导航不能简单地更改浏览器历史记录，这实际上是你所寻找的。可以通过使用HTML5中引入的历史API来实现，方法如下：

1. 通过历史API手动操作历史记录。MDN, html5doctor 2. 使用良好实现的第三方库来操作历史记录。我建议使用pjax或history.js。

- code-jaff