如何使用 JavaScript 更改 URL

Question

我们在我们的应用程序中使用了三个 div。

1. 标题

2. 中间部分

3. 页脚

   应用程序的网址：http://localhost:8080/APPNAME/index.jsp

标题包含三个按钮。 如果我们单击按钮，我们将使用以下代码更改中间部分的 div 内容：

$('div#middleportion').load('login.jsp');
$('div#middleportion').load('register.jsp');
$('div#middleportion').load('home.jsp');   

我们正在成功加载内容。 我的问题是，如果我们单击登录按钮，我们可以在中间部分 div 中显示登录内容，但我需要将 URL 更改如下：

http://localhost:8080/APPNAME/login.jsp

如何做到这一点？

请帮助我。帮助将不胜感激。

Answer 1

jquery地址插件

编辑：

实际上，我必须做与您正在寻找的相同的事情（据我了解）。

对于我想要动态加载的页面（只是 div），我创建了一个没有布局的版本。 例如，对于login.jsp ，我有ajax/login.jsp （它只有实际的 div）。

因为我通常使用 mvc 和布局，所以很容易将 div 与服务器端的布局分开。

在插件中，我确保被替换的 url 只是带有类ajax的那些，并且我将这个类添加到我只想更改 div 的所有链接中。