2013-03-18 89 views
1

我正在创建一个Web应用程序。如何指定浏览器后退按钮的上一页

我在登录之后,用户将看到一个登陆页面。

从登陆页面,他们可以点击一个链接转到详细页面。

详细信息页面将加载默认编号的数据以开始。它还包含一个下拉菜单供用户选择一个不同的ID。当用户按下提交按钮时,它向同一页面发出获取请求,但使用可选参数id=someID重新加载页面并显示新选择的ID的数据。所有这些工作正常。

我的问题是,如果用户从下拉列表中选择几个不同的ID并点击提交以查看他们的数据,现在如果他想要返回登陆,他必须通过他查看的每个ID返回。我想知道是否可以进行设置,以便当他们按回按钮时,无论他们选择了多少次新ID来查看数据,他们都会直接进入着陆页。

这里是我想达到的流程:

/landing -> /detail -> /detail?id=1 -> /detail?id=2 -> [press back button] -> /landing

+0

也许你可以创建一个指向着陆页的页面上的链接。 – 2013-03-18 15:40:36

+0

@SheikhHeera我可以建立一个指向着陆页的链接,但是如果可能的话,我希望能够通过使后退按钮进入着陆页来简化它。如果无法让按钮恢复工作状态,那么我将使用硬编码链接返回登陆 – FoamyGuy 2013-03-18 15:43:54

+0

也许您可以使用html5历史记录API在每个详细信息页面上推送登录页面。 – jcubic 2013-03-18 15:45:54

回答

2

必须通过AJAX拉在细节页面上的请求。您必须进行一些重构,以便在成功请求时,它收到的信息将像内容块一样重新填充,但这样可以在不实际导航到新页面的情况下更新详细信息页面上的信息。然后它会让您按下后退按钮返回到目标网页。

0

如果您已经使用办法赶上ID的请求的量:

<INPUT Type="button" id="back" VALUE="Back" onClick="history.go(-"number of id requests");return true;">