关于在LayUI中使用AJAX提交巨坑记录
如下所示：
<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%发生。
解决过程：困扰了很久，以为是哪里代码有问题，检查来检查去没发现问题，后来基本定位到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提交的时候坑咋不说？
以上这篇关于在LayUI中使用AJAX提交巨坑记录就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持小牛知识库。
-
问题内容： 我正在尝试在wordpress中获取ajax请求的结果，但是在javascript的警报框中却获得了“ 0”的结果，因此该表单如下所示： javascript看起来像这样： 和PHP： 有谁知道上面的代码是否正确，我也尝试过$ _REQUEST [‘name’]，它不起作用。 非常感谢 问题答案： 尝试这样的操作，您没有在PHP 函数中添加期望的参数，因此必须将其添加到jQuery a
-
问题内容： 我正在尝试使用jquery将值提交到数据库。我是ajax的新手，但是我必须使用ajax。 到目前为止，这是我已经完成的PHP代码 我的html代码是 这是我使用jQuery的ajax 我不知道我在做什么错。任何帮助将不胜感激 问题答案： 与其干扰表单的Submit事件，不如点击事件。要对现有设置进行最小的更改，只需将点击处理程序添加到表单提交按钮。处理程序中的第一件事是调用e.prev
-
问题内容： 我正在尝试学习asp.net，到目前为止，我可以加载其他页面内容而无需使用刷新，但是我无法弄清楚提交表单时如何使用ajax。我做了很多谷歌搜索，但是找不到合适的解决方案。这是我的代码， 控制器页面 查看页面 查看页面 问题答案： 这里是完整的例子- 让我们创建一个简单的模型- 现在，让我们创建几个动作，以使用- 发出GET和POST请求 然后让我们创建一个简单的视图，它将托管Ajax.
-
我正在运行一个要提交的scala Spark应用程序vi spark-submit： 我已经尝试了我能想到或在这里找到的log4j的几乎所有配置，这里，这里，这里和这里等等。我在代码中添加了以下行： 总之，我可以更改这些设置中的任何一个，并且应用程序打印出日志级别的设置，但是无论如何，我从Spark获得了日志记录的MBs。 关于如何禁用Spark的所有详细日志记录，还有其他建议吗？
-
问题内容： 我正在尝试使用AJAX技术添加评论，但出现错误： 这是我的代码：View： 控制器： AJAX： 最后一条路线： 任何人都知道问题出在哪里，为什么我不能提交表格？ 问题答案： 您没有发布任何数据， 您得到的错误是DB中的列不能为空。 尝试将您的ajax调用更改为此： 改变这个 至 并获取消息和帖子ID： 完成ajax块： 最后，在隐藏字段中添加一个ID： 从Laravel控制器发送回数
-
问题内容： 我有一个看起来像这样的表格： 当我绑定到表单的Submit（）时，似乎无法访问用户单击的图像。因此，我试图绑定到单击图像本身（），该图像总是提交表单，无论我是否尝试 返回false； event.stopPropogation（）; 要么 event.preventDefault（）; 因为所有这些都是表单事件。 我应该将$ .post（）附加到form.submit（）事件上吗，如果