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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM