Ajax加载内容并附加相关的URL

Question

我正在尝试在项目中使用Ajax。

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

但它也应该将Url附加到我所在的当前表格的地址栏上。

假设我点击了ERP标签，那么ERP Divs应该在页面内加载，而且相对网址也应该显示 例如 www.mydomain.com \ ERP

我知道.load函数，但是它没有更新地址栏上的url。 加数据将来自不同的文件。

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

我在这个项目中使用codeigniter

我希望拥有Url功能，因为用户可以轻松地直接使用完整的网址访问该页面，此外它还具有书签优势。

以下是截图，以方便使用。

Answer 1

AFAIK如果没有页面重新加载，您无法更改实际的URL。

你必须使用'jquery-address'库。查看https://github.com/asual/jquery-address

Answer 2

我会在这里做两件事：

1. 要在不加载页面的情况下动态更改URL，请使用新的history.pushState()方法。如果您支持较旧的浏览器，history.js本质上与返回到标签方法的API相同。请注意，这些网址无法从外部访问。因此：

2. 当用户访问其中一个网址时，请将打开的标签默认为您尝试的任何一个。你必须捕获预定的路线并在其上运行一些javascript魔法。