Uncaught (im Versprechen) Abbrechen mit SweetAlert2

Question

Wie kann ich ordnungsgemäß die Schaltfläche Abbrechen, ohne einen Fehler bei der Verwendung von Versprechen zu vermeiden? Mein Code löst eine Warnmeldung mit einem erforderlichen Kontrollkästchen aus. der Code ausgeführt wird, wie es für den Benutzer sollte, aber ein Fehler im Konsolenfenster wirft:

Uncaught (in Versprechen) abbrechen

//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) { 

    }) 
}); 

Answer 1

Update (Januar 2017): Dieses Problem wird in v7 behoben wurde: v7 upgrade guide ↗

---

Sie benötigen einen Ablehnungs Handler Promise hinzuzufügen. Alternativ können Sie .catch(swal.noop) als eine schnelle Art und Weise verwenden, um einfach die Fehler unterdrücken:

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

---

PS. Das Paket, das Sie verwenden, heißt SweetAlert , nicht SweetAlert. In zukünftigen Fragen bitte erwähnen Sie es, damit Sie relevantere Antworten erhalten können.

Answer 2

new Promise(function(resolve, reject) { nicht notwendig ist. $.post() gibt ein jQuery-Versprechungsobjekt zurück.

Mögliche Lösung ersetzt Promise.reject() für new Promise() Konstruktor; entfernt .then(), die als eine Option auf den ersten swal() Aufruf platziert wurde; Muster scheint zu erwarten, dass ein Promise von preConfirm zurückgegeben wird, obwohl nicht sicher ist, welcher Wert von .done() anders als json_data zurückgegeben werden soll.

Answer 3

SweetAlert2 weist das Ergebnisversprechen zurück, wenn die Abbrechen-Taste gedrückt wird. Sie können handle that:

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 etwas nicht mit dem json_data tun müssen, können Sie auch die catch method verwenden könnten.