今天写项目的时候发现layui的一个问题,提交表单的时候不关是否提交成功,表单页面都会自动跳转
首先为了解决这个问题我加了return false 这段代码,但是加了这段代码之后,运行会发现弹出框就会一闪而过,这时候就不是我想要的结果了,而且表单提交后台成功关闭表单回到页面没办法刷新,这时候实现location.reload()这段代码,勉勉强强可以符合我要求了。
form.on('submit(saveDept)',function(obj){
var $ = layui.jquery;
var deptId = $("#deptId").val();
var deptName = $("#deptName").val();
var deptManage = $("#deptManage").val();
//saveDept(deptId,deptName,deptManage);
$.ajax({
type:"POST",
url:"http://localhost:8181/depatment/saveDept",
data:{
"deptId":deptId,
"deptName":deptName,
"deptManage":deptManage
},
dataType:'JSON',
async:false,
success:function(res){
if(res.code===200)
{
console.log(res.msg);
layer.msg('新增部门成功',{icon:1,time:1000});
location.reload();
}else{
layer.msg('新增部门失败',{icon:5,time:1000});
}
},
})
return false;
})
|