2013-03-18 40 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;">