首页 > 其他 > 详细

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

时间:2020-07-07 17:29:18      阅读:296      评论:0      收藏:0      [点我收藏+]

因为用到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

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

原文:https://www.cnblogs.com/songyinan/p/13261847.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!