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