javascript - Jquery a href onclick 到控制器而无需重新加载页面

Question

我正在尝试使用 jquery 编写包含确认消息的代码。

如果根据我下面的代码单击退出，我的页面会重新加载。

<a href="Exit" onclick="return confirm('Are you sure you want to exit?')">Exit</a>

我如何在不重新加载页面的情况下编写上面的代码并在 Jquery 中确认消息？

İf 确认 ok = 转到 href（无需重新加载） İf 确认取消 = 取消它，

Answer 1

试试下面的代码

<a href="#Exit" onclick="return confirm('Are you sure you want to exit?'); return false">Exit</a>

解释：

#URL 片段是前面带有井号 (#) 的名称，它指定当前文档中的内部目标位置（ID）。

Whilereturn false是一种告诉事件实际上不会触发的方法。

看演示

Answer 2

我使用这个函数来做这样的事情：

function confirm_text_url(message, url){
    var response = confirm(message);
    if (response==true)
    {
        document.location.href=url;
    }
}

Answer 3

您发布的代码显然已经可以工作了，但是既然您已经提出要求，这是同一件事，但是使用 jQuery 来分配事件处理程序...

HTML

<a href="Exit" id="exit-link">Exit</a>

Javascript

$(function() {
    $("#exit-link").on("click", function() {
        return confirm("Are you sure you want to exit?");
    });
});

我在链接中添加了一个 ID，只是为了能够使用 jQuery 显式引用它。除此之外都是一样的。

Answer 4

从您确认中的文字中，我猜您可能正在寻找这个： 如何显示“您确定要离开此页面吗？” 何时提交更改？

或更详细地讨论对旧浏览器的支持： 如何显示“您确定要离开此页面吗？” 何时提交更改？

Answer 5

您将不得不评估结果

前任：

var r=confirm("Are you sure you want to exit?");
if (r==true)
  {
  x="You pressed OK!";
  }
else
  {
  x="You pressed Cancel!";
  }

在你的情况下，它会是这样的：

<a href="javascript:void(0);" onclick="confirm('Are you sure you want to exit?') ? window.location = 'page-to-go-to': return ">Exit</a>

另外，使用 javascript:void(0); 作为href，所以你确定没有触发默认传播