layui实现刷新后提示
2021-11-17 21:56:20
前面讲过显示两秒提示信息后再刷新页面,代码如下:
layer.msg("操作成功", {
icon: 1,
time:2000,
end:function(){window.location.reload();}
});
上述方法在实际使用过程中感觉还可以改进,采用不刷新办法,更加合理,也减少服务器流量,具体如下
$(document).on('click','.qxyy',function(){
var uuid = $(this).data('v');
var qxyy_div = $(this);//此处将当前按钮作为一个变量传递到下面的function中,很重要,function中的$(this)和这边的不一样
layer.confirm('确认取消预约?', {
btn: ['确定','再看看'] //按钮
}, function(){
$.ajax({
url: '/api/cancel',
data: {'uuid':uuid},
type: "POST",
}).done(function (r) {
if(r)
{
if(r.code == 200 && r.data != '')
{
qxyy_div.parents('.layui-card.p10').remove();
layer.msg("操作成功", {
time:2000,
});
}
else
{
notify.destroyAll();
notify.error(r.data);
}
}
});
}, function(){
});
})
layer.msg("操作成功", {
icon: 1,
time:2000,
end:function(){window.location.reload();}
});
上述方法在实际使用过程中感觉还可以改进,采用不刷新办法,更加合理,也减少服务器流量,具体如下
$(document).on('click','.qxyy',function(){
var uuid = $(this).data('v');
var qxyy_div = $(this);//此处将当前按钮作为一个变量传递到下面的function中,很重要,function中的$(this)和这边的不一样
layer.confirm('确认取消预约?', {
btn: ['确定','再看看'] //按钮
}, function(){
$.ajax({
url: '/api/cancel',
data: {'uuid':uuid},
type: "POST",
}).done(function (r) {
if(r)
{
if(r.code == 200 && r.data != '')
{
qxyy_div.parents('.layui-card.p10').remove();
layer.msg("操作成功", {
time:2000,
});
}
else
{
notify.destroyAll();
notify.error(r.data);
}
}
});
}, function(){
});
})