今天看同事在写layui的时候,用到了msg弹出方法。这边话不多说,直接上码。
form.on('submit(formEdit)', function (data) {
//表单序列化
var datas = data.field;
var ii = layer.load();//此处用layui加载动画
//发送ajax
$.ajax({
url:"{:url('****/*****/*****')}",
data: datas,
type: "POST",
dataType: "json",
success: function (msg) {
layer.close(ii);//成功获取数据后关闭加载动画
if (msg.code == 10000) {
layer.msg(msg.msg, {
icon: 5,
time: 1000
});
}
else {
layer.msg(msg.msg, {
icon: 6,
time: 1000
}, function () {
parent.location.reload();
});
}
},
error: function (error) {
layer.close(ii);//成功获取数据后关闭加载动画
layer.msg(error, {
icon: 5,
time: 1000
});
}
});
});
});
我跟同事看了半天也没看出问题出现在哪里,后来查找了一下,发现在ajax发送结束的时候 加上return false;就可以了。
如下:
//用户ID信息
form.on('submit(formEdit)', function (data) {
//表单序列化
var datas = data.field;
var ii = layer.load();//此处用layui加载动画
//发送ajax
$.ajax({
url:"{:url('******/************/********')}",
data: datas,
type: "POST",
dataType: "json",
success: function (msg) {
layer.close(ii);//成功获取数据后关闭加载动画
if (msg.code == 10000) {
layer.msg(msg.msg, {
icon: 5,
time: 1000
});
}
else {
layer.msg(msg.msg, {
icon: 6,
time: 1000
}, function () {
parent.location.reload();
});
}
},
error: function (error) {
layer.close(ii);//成功获取数据后关闭加载动画
layer.msg(error, {
icon: 5,
time: 1000
});
}
});
return false;
});