Javascript Sweetalert在确认调用api请求时关闭弹出窗口

Javascript Sweetalert在确认调用api请求时关闭弹出窗口,javascript,jquery,sweetalert,Javascript,Jquery,Sweetalert,我的弹出窗口在点击确认后关闭,并再次打开一个显示成功的新弹出窗口。有一个巨大的差距,没有加载过程显示 我已经阅读了上的ajax请求文档。它在那里工作得非常完美,在调用API时按钮显示加载。我也试着这么做。我想删除我第一次打开swal确认的请求,如果是,它将调用api而不关闭弹出窗口 removeSession: function(sessionId){ var _this = this; var errormessage = 'Error! Session not delete'

我的弹出窗口在点击确认后关闭,并再次打开一个显示成功的新弹出窗口。有一个巨大的差距,没有加载过程显示

我已经阅读了上的ajax请求文档。它在那里工作得非常完美,在调用API时按钮显示加载。我也试着这么做。我想删除我第一次打开swal确认的请求,如果是,它将调用api而不关闭弹出窗口

removeSession: function(sessionId){
    var _this = this;
    var errormessage = 'Error! Session not delete';
    var callData = {}
    callData["sessionId"] = 0;
    swal({
        title: "Are you sure?",
        text: "Once deleted, the session will be removed.",
        icon: "warning",
        buttons: true,
        dangerMode: true,
      })
      .then((willDelete) => {
        if (willDelete) {
            app.apiCustomPost(apiController_data, "delete", callData , function(res){

                if(res.status=="success") {

                    swal(res.message, {
                        icon: "success",
                      });
                      _this.init();

                } else {

                    swal(errormessage, {
                        icon: "error"
                    });                     

                }
            }); 
        } else {
            swal(errormessage, {
                icon: "error"
            });             
        }
      });
},

请帮我更正代码。

我终于解决了这个问题。甜警报的属性有魔力。我们需要将closeModal值描述为true或false,以便关闭模态或不关闭

现在按钮在加载时显示

希望这对别人有帮助

removeSession: function(sessionId){
    var _this = this;
    var errormessage = 'Error! Session not delete';
    var callData = {}
    callData["sessionId"] = 0;
    swal({
        title: "Are you sure?",
        text: "Once deleted, the session will be removed.",
        icon: "warning",
        buttons: {

              cancel: {
                text: "Cancel",
                value: false,
                visible: true,
                className: "",
                closeModal: true,
              },
              confirm: {
                text: "OK",
                value: true,
                visible: true,
                className: "",
                closeModal: false
              }

        },
        dangerMode: true,
      })
      .then((isConfirm) => {
        if (!isConfirm){ return false;}


            app.apiCustomPost(apiController_data, "delete", callData , function(res){

                if(res.status=="success") {

                        swal(res.message, {
                            icon: "success",
                          });

                          _this.init();

                } else {
                        swal(errormessage, {
                            icon: "error"
                        });                     

                }
            }); 

      });

},

我终于解决了这个问题。甜警报的属性有魔力。我们需要将closeModal值描述为true或false,以便关闭模态或不关闭

现在按钮在加载时显示

希望这对别人有帮助

removeSession: function(sessionId){
    var _this = this;
    var errormessage = 'Error! Session not delete';
    var callData = {}
    callData["sessionId"] = 0;
    swal({
        title: "Are you sure?",
        text: "Once deleted, the session will be removed.",
        icon: "warning",
        buttons: {

              cancel: {
                text: "Cancel",
                value: false,
                visible: true,
                className: "",
                closeModal: true,
              },
              confirm: {
                text: "OK",
                value: true,
                visible: true,
                className: "",
                closeModal: false
              }

        },
        dangerMode: true,
      })
      .then((isConfirm) => {
        if (!isConfirm){ return false;}


            app.apiCustomPost(apiController_data, "delete", callData , function(res){

                if(res.status=="success") {

                        swal(res.message, {
                            icon: "success",
                          });

                          _this.init();

                } else {
                        swal(errormessage, {
                            icon: "error"
                        });                     

                }
            }); 

      });

},