如何在异步页面加载时更改导航 url答案

【问题标题】：how to change navigation url on async page loads如何在异步页面加载时更改导航 url
【发布时间】：2014-02-20 15:29:10
【问题描述】：

我使用了以下脚本，但它没有显示链接的 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) 
   }); 
});

【问题讨论】：

“杀死 url”是什么意思？你想做什么？您是否尝试更改地址栏中的 URL？您可能需要在此处使用history.pushState。
能否请您也显示您的 HTML？也许只有一个类型，你的意思是 $('#right_side_contENt').load....
我想要导航栏中链接的网址，即localhost/ci_sports/admin/football_manage/form
您可以尝试提醒this.href 看看是否符合您的预期吗？
你的base_url()函数是什么？您需要确保链接本身是正确的。并且你可以从开发者工具中打开浏览器控制台看看是什么错误。

标签： javascript jquery browser-history

【解决方案1】：

Ajax 导航不能简单地更改浏览器历史记录，我想这实际上就是您要查找的内容。这可以通过使用 HTML5 中引入的历史 API 来实现，或者通过

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

【讨论】：