jquery - 使用ajax :beforeSend更改后继续执行ajax请求

Question

在我的 Rails 应用程序中使用 jquery_ujs 处理 ajax 表单。我通过调用 ajax:beforeSend 事件更改了要使用 remote: true 发送的表单。如果我使用 sweetalert 确认操作执行，我想让它继续执行

$('.content>.fr span:last-of-type>a').on "ajax:beforeSend", (xhr, settings) ->
        swal
          title: "Are you sure?"
          text: "You will not be able to undo this!"
          type: "warning"
          showCancelButton: true
          confirmButtonColor: "#DD6B55"
          confirmButtonText: "Yes, delete it!"
          closeOnConfirm: false
        , ->
          # should send the request here
          swal "Deleted!", "Department has been deleted.", "success"
          return

要查看其完整版本，请访问 this gist .

Answer 1

你应该喜欢这个

$("body").on("click", "#element", function(e) {           
             swal({
                title: "Are you sure?",
                text: "Are you sure?",
                type: "warning",
                showCancelButton: true,
                confirmButtonColor: "#DD6B55",
                confirmButtonText: "Yes, delete it!",
                closeOnConfirm: false },
                function(){
                   // ajax goes here
                }       
            );
        });

SweetAlert 与 javascript recognize 不同，脚本执行在等待用户输入时不会停止，因此如果 beforeSend 中的函数不返回 false，则 ajax 会继续处理请求。