Nicht gefangener (versprochener) Abbruch mit SweetAlert2

Wie entkomme ich der Abbrechen-Schaltfläche richtig, ohne einen Fehler bei der Verwendung von Versprechungen auszulösen? Mein Code löst eine Warnbestätigung mit einem erforderlichen Kontrollkästchen aus. Der Code wird für den Benutzer ordnungsgemäß ausgeführt, gibt jedoch einen Fehler im Konsolenfenster aus:

Ungefangen (versprochen) stornieren

//validation logic all passes...Now proceed to...

 else
    {

//determine and parse Discounts

 var myLookup = document.getElementsByName("myLookup")[0].value;
$.post( "findthem.php", {myLookup: myLookup })
  .done(function(json_data){
     var theResponse1 = $.parseJSON(json_data);
     myDiscountRate = theResponse1['ourDiscountFound'];

    }).then( function(callback){

    priceRate = priceRate * (1 - (.01 * myDiscountRate));
    newRate = priceRate.toFixed(2);
}

swal({
  title: "Confirm",
  input: 'checkbox',
  inputValue: 0,
  type: "warning",
  inputPlaceholder: 'I agree to <a href="#blahblahMore"></a> Your new Rate is :'+newRate,
  showCancelButton: true,
  confirmButtonText: 'Confirm',
  showLoaderOnConfirm: true,
  preConfirm: function(result) {
    return new Promise(function(resolve, reject) {
      if (result) {
        $.post("my.php", {
          Data: data
        })
        .done(
          function(json_data) {
            var data_array = $.parseJSON(json_data);
            var moreDetails="";
            var resulting = 'error';
            var details = "Transaction Declined"
            if (data_array["trxApproved"] == true) {
              resulting = 'success';
              details = "Confirmed"
              moreDetails = "<br>Approved<b>" + data_array["approved"] + "</b>" +
                "<br>Details Code: <b>" + data_array["detailsCode"] + "</b>";
            }
            swal({
              type: resulting,
              title: details,
              html: "<h1>Details: </h1>" + data_array["messagetext"] + moreDetails
            });
          }
        );
        resolve();
      } else {
          reject('You must agree to our Terms & Conditions ');
      }
    });
  },
  allowOutsideClick: false
  }).then(function(json_data) {

  })
});

Aktualisierung (Januar 2017): Dieses Problem wurde in v7 behoben: v7-Upgrade-Leitfaden ↗

Sie müssen dem Promise einen Rejection Handler hinzufügen. Alternativ können Sie verwenden .catch(swal.noop) als schnelle Möglichkeit, die Fehler einfach zu unterdrücken:

swal('...')
  .catch(swal.noop);

PS. Das Paket, das Sie verwenden, heißt SweetAlert2, nicht SweetAlert. Bitte erwähnen Sie es in zukünftigen Fragen, damit Sie relevantere Antworten erhalten.

SweetAlert2 lehnt das Ergebnisversprechen ab, wenn der Abbrechen-Button gedrückt wird. Du kannst Regle dies:

swal({
  …
}).then(function(json_data) {
  …
}, function(dismiss) {
  if (dismiss === 'cancel') { // you might also handle 'close' or 'timer' if you used those
    // ignore
  } else {
    throw dismiss;
  }
})

Wenn Sie mit dem nichts zu tun haben json_dataSie können auch die verwenden catch Methode.

new Promise(function(resolve, reject) { ist nicht nötig. $.post() gibt ein jQuery Promise-Objekt zurück.

Mögliche Ersatzlösungen Promise.reject() zum new Promise() Konstrukteur; ENTFERNT .then() das wurde als erste Option platziert swal() Anruf; Muster scheint a zu erwarten Promise von zurückgegeben werden preConfirmobwohl nicht sicher ist, welcher Wert zurückgegeben werden soll .done() außer json_data.

swal({
  title: "Confirm",
  input: 'checkbox',
  inputValue: 0,
  type: "warning",
  inputPlaceholder: 'I agree to <a href="#blahblahMore"></a>',
  showCancelButton: true,
  confirmButtonText: 'Confirm',
  showLoaderOnConfirm: true,
  preConfirm: function(result) {
      if (result) {
        return $.post("my.php", {
          Data: data
        })
        .done(
          function(json_data) {
            var data_array = $.parseJSON(json_data);
            var moreDetails="";
            var resulting = 'error';
            var details = "Transaction Declined"
            if (data_array["trxApproved"] == true) {
              resulting = 'success';
              details = "Confirmed"
              moreDetails = "<br>Approved<b>" + data_array["approved"] + "</b>" +
                "<br>Details Code: <b>" + data_array["detailsCode"] + "</b>";
            }
            swal({
              type: resulting,
              title: details,
              html: "<h1>Details: </h1>" + data_array["messagetext"] + moreDetails
            });
          }
        );
      } else {
          return Promise.reject('You must agree to our Terms & Conditions ');
      }
  },
  allowOutsideClick: false
});

Sie müssen die Aktion zum Abbrechen abfangen

swal({
  title: 'Are you sure?',
  text: "You won't be able to revert this!",
  type: 'warning',
  showCancelButton: true,
  confirmButtonColor: '#3085d6',
  cancelButtonColor: '#d33',
  confirmButtonText: 'Yes, delete it!'
}).then(function(json_data) {
  //delete item
}, function(dismiss) {
  if (dismiss === 'cancel' || dismiss === 'close') {
    // ignore
  } 
})

catch(swal.noop) hinzufügen; Am Ende wird die Swal-Funktion dieses Problem lösen

Zum Beispiel:

swal({

}).then(function() {

}).catch(swal.noop);