如何控制浏览器上按上一页的动作

Question

测试我的应用程序后，我完成了一个具有某些值的表单，保存然后想将另一个人添加到列表中。但当表格进行到一半时，我改变了主意，按下浏览器上的返回按钮，但随后发生了一些奇怪的事情。加载上一个表单中的数据，而不是返回到上一页（应该是人员列表）。

如何防止这种情况发生？

  Function AddPersoon(subdienstid As Integer) As ActionResult
        Dim viewModel As New PersoonViewModel
        ViewData("Persoon.rijbewijsId") = ConvertToSelectlistItemList(_iSubDienstService.GetAllRijbewijzen(), 1)
        ViewData("Persoon.PersoonStatusId") = ConvertToSelectlistItemList(_iSubDienstService.GetAllPersoonStatussen(), 1)
        Return View(viewModel)
    End Function

    <HttpPost()> _
    Function AddPersoon(subdienstid As Integer, model As PersoonViewModel) As ActionResult
        If ModelState.IsValid Then
            Try
                _iSubDienstService.AddPersoonTo(subdienstid, model)
                Return RedirectToAction("Details", New With {.id = subdienstid})
            Catch ex As Exception

            End Try
        End If
        ViewData("Persoon.rijbewijsId") = ConvertToSelectlistItemList(_iSubDienstService.GetAllRijbewijzen(), model.Persoon.RijbewijsId)
        ViewData("Persoon.PersoonStatusId") = ConvertToSelectlistItemList(_iSubDienstService.GetAllPersoonStatussen(), model.Persoon.PersoonStatusId)
        Return View(model)
    End Function

Answer 1

如何控制浏览器上按上一页的动作

这是纯 JavaScript，因为您可以连接一个名为 onBeforeUnload 的方法，该方法在用户关闭或移动到浏览器中的其他页面时触发。浏览器历史记录。

我建议您添加一个类似的脚本（假设您使用的是 jQuery）：

var msg = "You're about to leave this page, all changes will not been save.\n" +
          "Are you sure you want to leave?";

$(window).bind("beforeunload", function () {
    if( confirm(msg) ) 
        return true;
    return false;
});

Live example。

希望有帮助。