通知显示完成后重新加载页面
Reload page after notify shows completely done
这里的任何人如何修复我的通知?我想显示通知完全完成,然后重新加载页面。目前,我的通知退出速度很快,没有完全显示。我在这上面使用 ajax 和 toastr。非常感谢你们!非常感谢您的帮助。这是我尝试过的:
function InsertOrUpdateExpense() {
var data = $('#formExpenseTransaction').serialize();
$.ajax({
type : 'POST',
url : url + 'InsertOrUpdateExpenseTransaction',
data : data,
dataType : 'json',
beforeSend:function() {
$('#btn-expense--transaction').html(' <i class="icon-spinner2 spinner"></i>').attr('disabled',true);
},
success:function(data) {
data.success === true ? notify(data.type,data.message) : notify(data.type,data.message);
var content = data.type == 'info' ? 'Save Changes' : 'Add Expense';
$('#btn-expense--transaction').html(content +' <i class="icon-arrow-right14 position-right"></i>').attr('disabled',false);
setTimeout(function() {
location.reload();
}, 3000);
}
});
}
function notify(type,message) {
Command: toastr[type](message)
}
function toastr_option() {
toastr.options = {
"newestOnTop": true, "progressBar": false, "positionClass": "toast-top-right", "preventDuplicates": true, "showDuration": 300, "hideDuration": 1000, "timeOut": 5000, "extendedTimeOut": 1000, "showEasing": "swing", "hideEasing": "linear", "showMethod": "slideDown", "hideMethod": "slideUp"
}
}
只需将您的 location.reload() 从 setTimeout 内部移动到名为 'onHidden' 的 toastr 选项。
function toastr_option() {
toastr.options = {
"newestOnTop": true, "progressBar": false, "positionClass": "toast-top-right", "preventDuplicates": true, "showDuration": 300, "hideDuration": 1000, "timeOut": 5000, "extendedTimeOut": 1000, "showEasing": "swing", "hideEasing": "linear", "showMethod": "slideDown", "hideMethod": "slideUp", onHidden: function(){. location.reload(); }
}
}
我不知道 toastr,但是阅读 his documentation 你可以试试他的回调函数。
在他的例子中:toastr.options.onHidden = function() { console.log('goodbye'); }
像这样:
function toastr_option() {
toastr.options = {
"newestOnTop": true, "progressBar": false, "positionClass": "toast-top-right", "preventDuplicates": true, "showDuration": 300, "hideDuration": 1000, "timeOut": 5000, "extendedTimeOut": 1000, "showEasing": "swing", "hideEasing": "linear", "showMethod": "slideDown", "hideMethod": "slideUp"
}
toastr.options.onHidden = function() { location.reload(); }
}
你可以这样做
toastr.success(
'Done',
'Added Successfully',
{
timeOut: 1000,
fadeOut: 1000,
onHidden: function () {
window.location.reload();
}
});
这里的任何人如何修复我的通知?我想显示通知完全完成,然后重新加载页面。目前,我的通知退出速度很快,没有完全显示。我在这上面使用 ajax 和 toastr。非常感谢你们!非常感谢您的帮助。这是我尝试过的:
function InsertOrUpdateExpense() {
var data = $('#formExpenseTransaction').serialize();
$.ajax({
type : 'POST',
url : url + 'InsertOrUpdateExpenseTransaction',
data : data,
dataType : 'json',
beforeSend:function() {
$('#btn-expense--transaction').html(' <i class="icon-spinner2 spinner"></i>').attr('disabled',true);
},
success:function(data) {
data.success === true ? notify(data.type,data.message) : notify(data.type,data.message);
var content = data.type == 'info' ? 'Save Changes' : 'Add Expense';
$('#btn-expense--transaction').html(content +' <i class="icon-arrow-right14 position-right"></i>').attr('disabled',false);
setTimeout(function() {
location.reload();
}, 3000);
}
});
}
function notify(type,message) {
Command: toastr[type](message)
}
function toastr_option() {
toastr.options = {
"newestOnTop": true, "progressBar": false, "positionClass": "toast-top-right", "preventDuplicates": true, "showDuration": 300, "hideDuration": 1000, "timeOut": 5000, "extendedTimeOut": 1000, "showEasing": "swing", "hideEasing": "linear", "showMethod": "slideDown", "hideMethod": "slideUp"
}
}
只需将您的 location.reload() 从 setTimeout 内部移动到名为 'onHidden' 的 toastr 选项。
function toastr_option() {
toastr.options = {
"newestOnTop": true, "progressBar": false, "positionClass": "toast-top-right", "preventDuplicates": true, "showDuration": 300, "hideDuration": 1000, "timeOut": 5000, "extendedTimeOut": 1000, "showEasing": "swing", "hideEasing": "linear", "showMethod": "slideDown", "hideMethod": "slideUp", onHidden: function(){. location.reload(); }
}
}
我不知道 toastr,但是阅读 his documentation 你可以试试他的回调函数。
在他的例子中:toastr.options.onHidden = function() { console.log('goodbye'); }
像这样:
function toastr_option() {
toastr.options = {
"newestOnTop": true, "progressBar": false, "positionClass": "toast-top-right", "preventDuplicates": true, "showDuration": 300, "hideDuration": 1000, "timeOut": 5000, "extendedTimeOut": 1000, "showEasing": "swing", "hideEasing": "linear", "showMethod": "slideDown", "hideMethod": "slideUp"
}
toastr.options.onHidden = function() { location.reload(); }
}
你可以这样做
toastr.success(
'Done',
'Added Successfully',
{
timeOut: 1000,
fadeOut: 1000,
onHidden: function () {
window.location.reload();
}
});