layui 中 表单 会自动刷新的问题

因为用到layui的表单,遇到了刷新的问题所以记录一下:

直接上代码:

<script>
layui.use(['jquery','form','layer'], function(){
var $ = layui.jquery,
layer=layui.layer,
form = layui.form;
form.on('submit(tijiao)', function(data){
add(data);
return false;
});
});
function add(data){
$.ajax({
url:'/users/addUser',
data:data.field,
type:"Post",
dataType:"json",
success:function(date){
//console.log(date);
var index=parent.layer.getFrameIndex(window.name); //获取当前窗口的name
parent.layer.close(index);
window.parent.location.reload();
},
error:function(data){
$.messager.alert('错误',data.msg);
}
})
}
</script>

注:主要是看:
form.on('submit(tijiao)', function(data){
add(data);
return false;
});

这里面 必须要写 return false;
这样才能解决 表单自动刷新的问题。

还有:
获取表单中的所有数据用:
data.field
posted on 2020-07-07 16:53  songyinan  阅读(2046)  评论(0编辑  收藏  举报