如何停止 Actionlink 重定向并使用 javascript 进行弹出和重定向？

Question

这是我当前拥有的脚本 -

<script type="text/javascript">
        $(document).ready(function () {
            $('.RemoveSystem').click(function () {
                var href = $(this).attr('href');
                var answer = confirm("Are you sure you want to delete this system?");
                alert(answer);
                if (answer) 
                    window.location = href;
            });
        });
    </script> 

这是每个记录的链接，当我们单击其删除按钮时，我们可以删除每个系统 -

 <%= Html.ActionLink("Delete", "RemoveSystem", new { SysNum = item.Id}, new { @class = "RemoveSystem" })%>

现在这是无论发生什么情况，actionlink 都会重定向的问题，我需要停止它。我的意思是说用户按下取消按钮确认操作链接仍然执行并转到RemoveSystem Action，我希望它只保留在页面上。我想过使用 HTML 超链接，但我不知道应该如何将 id 值传递给在这种情况下的 javascript 。有人可以帮我吗？

Answer 1

您需要阻止链接的默认操作，如下所示：

$('.RemoveSystem').click(function () {
  if (confirm("Are you sure you want to delete this system?")) 
    window.location = $(this).attr('href');
  return false;
});

或者这样：

$('.RemoveSystem').click(function (e) {
  if (confirm("Are you sure you want to delete this system?")) 
    window.location = $(this).attr('href');
  e.preventDefault();
});

当前，该链接正在执行此功能，但也根本不需要JavaScript即可执行其操作，这是转到它所具有的 href ...这是您需要防止发生的行为。

Answer 2

如果要阻止默认操作，请返回 false：

$('.RemoveSystem').click(function () {
    var href = $(this).attr('href');
    var answer = confirm("Are you sure you want to delete this system?");
    if (answer) 
        window.location = href;
    return false;
});

或使用 preventDefault：

$('.RemoveSystem').click(function (evt) {
    var href = $(this).attr('href');
    var answer = confirm("Are you sure you want to delete this system?");
    if (answer) 
        window.location = href;
    evt.preventDefault();
});

Answer 3

在您的脚本函数中添加：

if (answer)  
    window.location = href;
else
   return false;