<script>
layui.use(['layer', 'form','laydate'], function(){
var layer = layui.layer
,laydate=layui.laydate
,form = layui.form;
form.on('submit(go)', function(data){
$.ajax({
url:'/user/addOrUpdate',
method:'post',
data:data.field,
dataType:'JSON',
success:function(res){
if(res.code='0'){
parent.closeIframe(res.msg);
}
else
alert(res.msg);
},
error:function (data) {
}
})
return false;
});
});
</script>
上面代码的红色部分就是天坑:前端
症状:一个简单的AJAX提交表单操做,常常发生后台数据保存好了,前端layer弹出层没有关闭,父页面没有刷新,定位发现是回调函数没有执行!!!用Google Chrome浏览器这种现象较少,2而Safari 和 firefox浏览器100%发生。ajax
解决过程:困扰了好久,觉得是哪里代码有问题,检查来检查去没发现问题,后来基本定位到layUI这个框架。浏览器
结果:加上 红色字体 return false,解决!!框架
附上官方文档关于这里的说明!!函数
form.on('submit(*)', function(data){ console.log(data.elem) //被执行事件的元素DOM对象,通常为button对象 console.log(data.form) //被执行提交的form对象,通常在存在form标签时才会返回 console.log(data.field) //当前容器的所有表单字段,名值对形式:{name: value} return false; //阻止表单跳转。若是须要表单跳转,去掉这段便可。 });
这是个毛意思?AJAX提交的时候坑咋不说?post