как я могу надлежащим образом избежать кнопки отмены, не бросая ошибку при использовании обещаний? Мой код выдает подтверждение с необходимым флажком. код выполняет как должен пользователь, но он выдает ошибку в окне консоли:
Непринятые (в обещании) отменить
//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) {
})
});
Обновление (январь 2017 г.): эта проблема исправлена в v7: руководство по обновлению v7 ↗
Вам нужно добавить обработчик отклонения в Promise. В качестве альтернативы вы можете использовать .catch(swal.noop) как быстрый способ просто подавить ошибки:
swal('...')
.catch(swal.noop);
PS. пакет, который вы используете, называется SweetAlert 2, а не SweetAlert. В будущих вопросах, пожалуйста, укажите его, чтобы вы могли получить более релевантные ответы.
SweetAlert2 отвергает обещание результата при нажатии кнопки отмены. Вы можете справиться с этим:
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;
}
})
Если вам не нужно ничего делать с json_data, вы также можете использовать метод catch.
new Promise(function(resolve, reject) { не требуется. $.post() возвращает объект обещания jQuery.
Возможное решение заменяет Promise.reject() для new Promise(); удален .then() который был помещен как опция для первого swal(); Кажется, что шаблон ожидает, что Promise будет возвращено из preConfirm, хотя и не определено, какое значение ожидается для возврата из .done() отличного от 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
});
вам нужно поймать действие для отмены
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); в конце функция Swal решит эту проблему
Например:
swal({
}).then(function() {
}).catch(swal.noop);