如何阻止页面默认加载，直到用户确认AJAX表单提交成功？

这个问题其实是alert和bootbox.confirm的执行机制差异导致的，我来给你拆解清楚：

首先，alert是同步阻塞的函数——它弹出时会暂停整个JavaScript线程，浏览器的所有后续操作（包括表单默认的跳转）都会被卡住，直到你点击确认。你之前用alert时页面不跳转，其实是这个阻塞特性带来的“副作用”，并非正确的阻止方式。

而bootbox.confirm是异步非阻塞的——它弹出提示框后，代码会继续往下执行，不会暂停浏览器的其他操作。如果你的表单默认提交行为没被主动阻止，浏览器就会照常执行跳转，导致提示框刚弹出来就被页面刷新冲掉了。

解决步骤 #

1. 彻底阻止表单的默认提交行为

这是核心！你需要在表单的submit事件处理函数里，第一时间调用event.preventDefault()，直接掐断浏览器自带的跳转行为：

// 替换成你实际的表单选择器，比如#myForm
$('#myForm').submit(function(event) {
  // 关键：先阻止默认提交
  event.preventDefault();
  // 再调用AJAX提交函数
  sendToController();
});

2. 按需在bootbox回调里处理后续操作

如果需要在用户确认后执行页面跳转或其他逻辑，直接在bootbox的回调函数里实现即可：

function sendToController() { 
  $.ajax({ 
    type: "POST", 
    url: myUrl, 
    contentType: "application/json; charset=utf-8", 
    dataType: "json", // 注意这里是dataType，你之前写的datatype大小写错误，会影响JSON解析
    data: JSON.stringify({ methodParam: arrayDetails }), 
    success: function (result) { 
      bootbox.confirm("操作成功！是否继续？", function(isConfirmed) { 
        console.log('用户的选择是: ' + isConfirmed); 
        // 如果用户点击确认，手动跳转页面
        if(isConfirmed) {
          window.location.href = "你的目标跳转URL";
        }
        // 不需要跳转的话，这里留空即可
      }); 
    }, 
    error: function () { 
      alert("操作失败，请重试"); 
    } 
  }); 
}

小细节提醒 #

你代码里的datatype要改成dataType（首字母大写），不然jQuery可能无法正确识别返回的JSON格式，容易出现意外问题。

这样调整后，页面就不会自动跳转了，bootbox的提示框也能正常停留到用户操作为止。

内容的提问来源于stack exchange，提问作者cmcc8712