Как использовать плагин sweet alert 2 jquery при запуске вызовов AJAX?

#javascript #jquery #ajax #sweetalert2

#javascript #jquery #ajax #sweetalert2

Вопрос:

На html-странице есть кнопка отмены. Когда я нажимаю на кнопку, всплывает оповещение с опцией «Ок» и «Отмена» вместе с перекрестной кнопкой в правом верхнем углу. Итак, когда я нажимаю кнопку Ok, запускается событие AJAX, но проблема в том, что когда я нажимаю «Отмена» или нажимаю на перекрестную кнопку, также запускается оповещение о событии AJAX, которого не должно быть. Вот код:

Я не хочу вызывать AJAX при нажатии кнопки отмены или перекрестной кнопки. Что мне делать?

  $("#cancelButton").click(function(){
      Swal.fire({
      title: "We are sad to see you go! 😱",
      text: "Do you really want to unsubscribe?",
      icon: "warning",
      showCloseButton: true,
      button: "Ok",
      showCancelButton: true
      }).then((result) => {
        $.LoadingOverlay("show");
          $.ajax({
            type: "GET",
            url: "/v1/subscriptions/{{user.subsID}}",
            dataType: "json",
            contentType: "application/json",
            success: function(response){
              if (response.status == '200') {
                $.LoadingOverlay("hide");
                Swal.fire({
                title: "Cancelled",
                text: "You have been unsubscribed and will no longer hear from us after the end of the current month subscription! ☹️",
                icon: "success",
                button: "Ok",
                showCancelButton: true
                }).then((result) => {
                if (result) {
                window.location.reload();
                }
              });
          }
          else if (response.status == '500') {
            $.LoadingOverlay("hide");
            Swal.fire({
            title: "Error",
            text: "Subscription has already been cancelled",
            icon: "error",
            button: "Ok",
            showCancelButton: true
          })
          }
        }
          });
            })
    });
 

Ответ №1:

 Swal.fire({
    title: 'A cool title',
    icon: 'info',
}).then((result) => {
    if (result['isConfirmed']){
        // Put your function here
    }
})
 

Это должно сработать, в isConfirmed переменной есть result атрибут