Реализация подтверждения() с помощью Jquery Sweet Alert

Я хочу реализовать confirm() на JavaScript со знаменитыми плагинами для оповещений. но почему-то сладкий будильник не работает.

Вот мой код:

function kendaraan(param) {
        if (swal({
                title: "Are you sure?",
                text: "You wanna leave this page?",
                type: "warning",
                showCancelButton: true,
                confirmButtonColor: "#DD6B55",
                confirmButtonText: "Yes, Leave!",
                closeOnConfirm: false
              },
                function(){

                })
            ){
            switch (param) {
                case "ADD_KENDARAAN" :
                    $.ajax({
                        type: "POST",
                        url: "pages/lj_menu/vehicle/add_vehicle.php",
                        success: function (response, textStatus, jqXHR) {
                            $('#lj-mainpage').html(response);
                        }
                    });
                    break;
            }
        }
    }

Итак, мое намерение, когда пользователь нажимает «ДОБАВИТЬ KENDARAAN», должно отображать приятное подтверждение предупреждения, а когда пользователь нажимает «да», затем выполняет часть ajax.


javascript php jquery ajax sweetalert
person Konz Mama    schedule 12.10.2015    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Не используйте if, так как это не нужно. В соответствии с документами просто реализуйте switch внутри anonymous function для success, как показано ниже:

function kendaraan(param) {
     swal({   
           title: "Are you sure?",
           text: "You wanna leave this page?",
           type: "warning",
           showCancelButton: true,
           confirmButtonColor: "#DD6B55",
           confirmButtonText: "Yes, Leave!",
           closeOnConfirm: false
     },
     function(){   
           switch (param) {
                case "ADD_KENDARAAN" :
                      $.ajax({
                            type: "POST",
                            url: "pages/lj_menu/vehicle/add_vehicle.php",
                            success: function (response, textStatus, jqXHR) 
                                     {
                                        $('#lj-mainpage').html(response); 
                                        swal("Deleted!", "Your imaginary file has been deleted.", "success"); });
                                        //keep success message here if you wish to
                             }
                      });
                  break;
            }
     });
}

From the DOCS

person Guruprasad J Rao    schedule 12.10.2015