Question

我尝试使用ajax创建一个Web应用程序并面临问题。加载文件后，浏览器地址行不会改变。

当ajax加载函数完成后，如何更新页面链接并将其写入浏览器地址行？

<div id='home-wrap'>
  <div id='ajax-accept'></div>

  <div id='menu-wrap'>
    <div id='menu'>
      <div id='info' class='category-holder'>ИНФОРМАЦИЯ</div>
      <div id='contacts' class='category-holder'>КОНТАКТЫ</div>
    </div>
  </div>

</div> 


$('#info').click(function(){
    $('#ajax-accept').load('http://beardhouse.com.ua/sources/pages/informacia.html');
});

Answer 1

您需要使用JavaScript历史记录API。请查看以下网址

https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Manipulating_the_browser_history

同时检查

http://caniuse.com/#search=history

的Seb

Answer 2

Ajax 表示您的请求无需刷新页面即可加载，这意味着当您请求新的链接/页面时，您的链接不会更改，如果您需要打开链接一个新的窗口/选项卡（更改请求的链接）您可以使用href而不是ajax，请查看下面的示例：

<div id='home-wrap'>
<div id='ajax-accept'></div>

<div id='menu-wrap'>
<div id='menu'>
  <a href="http://beardhouse.com.ua/sources/pages/informacia.html" target="_blank" id='info' class='category-holder'>ИНФОРМАЦИЯ</a>
  <div id='contacts' class='category-holder'>КОНТАКТЫ</div>
</div>

Answer 3

您可以更新location.href值以重定向到新页面。

新页面上的Ajax链接

3 个答案: