2013-03-13 31 views
0

我想在项目中使用Ajax。Ajax加载内容并追加相关网址

想法是当我点击一个标签, 相关数据应根据该标签加载。

但同时也应该将网址目前的形式是我在地址栏上。

让我们假设我点击了ERP选项卡,所以当时ERP的div应该加载页面内也是相对URL还应该显示 例如 www.mydomain.com \ erp

我知道.load函数,但是它不会更新地址栏上的网址。 加上数据将来自不同的文件。

左侧菜单将来自角色库上的数据库。

我用在这个项目

我想有网址的功能笨,因为它会很容易为用户直接访问该页面的完整URL再加上它也给了书签的优势太..

这里是更多方便的截图。 enter image description here

+0

你可以提供一个普通的“空白”页面,然后在你准备好开启ajax请求并填充页面 – 2013-03-13 22:04:54

回答

1

AFAIK您无法在没有页面重新加载的情况下更改实际URL。

您必须使用'jquery-address'库。退房https://github.com/asual/jquery-address

+1

这实际上是不正确的。 history.pushState()允许您在没有页面重新加载的情况下更改URL。 – 2013-03-13 22:25:13

+0

谢谢你的回复,因为你的回复是我想找的图书馆。 和jquery地址库不错,但是我发现jquery bbq库更方便。 无论如何感谢分享jQuery地址链接。 – 2013-04-28 16:31:54

0

我会做两个不同的东西在这里:

  1. 动态更改URL没有页面加载,使用新的方法history.pushState()。如果您支持较旧的浏览器,则history.js本质上是回退到hashtag方法的相同API。请注意,这些网址是,不能从外部访问。因此:

  2. 当用户前往其中一个网址时,默认打开选项卡,您可以将其打开。你将不得不捕捉预定的路线并在其上运行一些JavaScript魔术。