layui之ajax--回调函数

墨蓝 2022-05-11 00:54 271阅读 0赞

问题：一个简单的AJAX提交表单操作，经常发生后台数据保存好了，前端layer弹出层没有关闭，父页面没有刷新，定位发现是回调函数没有执行！！！用Google Chrome浏览器这种现象较少，而Safari 和 firefox浏览器100%发生。

解决过程：困扰了很久，以为是哪里代码有问题，检查来检查去没发现问题，后来基本定位到layUI这个框架。

结果：加上 红色字体 return false，解决！！

<script>
        layui.use(['layer','form'], function(){
            var layer = layui.layer
               ,form = layui.form;
    
            //监听表单提交
            form.on('submit(go)', function(data){
                $.ajax({
                    url:'userAction_addOrUpdate.action',
                    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){
                        alert("服务器繁忙");
                    }
                })
                return false;//如果不加这句，则ajax的回调函数不执行
            });
        });
    </script>

*

官方文档说明：

//监听表单提交
    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; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
    });

发表评论取消回复

表情：

评论列表（有 0 条评论，271人围观）

还没有评论，来说两句吧...

相关阅读

相关 layui table数据表格渲染前回调（重写layui的ajax执行前回调）

*layui版本**：2.5.4 起因：今天对旧框架进行版本升级改造，找遍整个[layui开发文档][layui]以及其他解决方案，竟然没有`table`相关的...

末蓝、/ 2024年04月18日 16:53/ 0 赞/ 5 阅读

相关 AJAX手写JQuery封装回调函数------AJAX

> <!DOCTYPE html> > <html lang="en"> > <head> > <meta charset="UTF-8

- 日理万妓/ 2024年02月18日 11:33/ 0 赞/ 12 阅读

相关 Android之回调函数

[![72540bbb9ba96efe74aff1bdbd4bca15.png][]][72540bbb9ba96efe74aff1bdbd4bca15.png 1]

た入场券/ 2022年08月31日 07:09/ 0 赞/ 130 阅读

相关回调函数

回调函数是一种函数指针的使用方式。 stdcall和cdecl的区别：这个问题涉及到函数调用的汇编知识，暂只需记住stdcall和cdecl的参数压栈顺序是相同的，参

傷城~/ 2022年06月12日 07:21/ 0 赞/ 217 阅读

相关 ajax 回调函数(模板测试链接)

昨天有人问我回调函数以及ajax中onreadystatechange中的回调函数，有些懵逼首先，要搞清楚回调函数：回调函数是一种以参数形式传递给另一个函数的函数。简单来说

古城微笑少年丶/ 2022年05月31日 05:14/ 0 赞/ 118 阅读

相关 java之回调函数

今天面试碰到了让我写一个回调函数，由于之前听过，但是一直没写过，也没用过所以是一脸懵逼的，今天就来记录下java的回调函数吧，由易到难。案例一：

左手的ㄟ右手/ 2022年05月17日 06:37/ 0 赞/ 169 阅读

相关 layui之ajax--回调函数

问题：一个简单的AJAX提交表单操作，经常发生后台数据保存好了，前端layer弹出层没有关闭，父页面没有刷新，定位发现是回调函数没有执行！！！用Google Chrome浏览器

墨蓝/ 2022年05月11日 00:54/ 0 赞/ 272 阅读

相关 Java之回调函数

回调函数涉及的3个函数登记回调函数回调函数响应回调函数简单的解释你到一个商店买东西，刚好你要的东西没有货，于是你在店员那里留下了你的电话。过了几天店

朱雀/ 2022年01月09日 10:09/ 0 赞/ 238 阅读

相关回调函数

作为JS的核心，回调函数和异步执行是紧密相关的，也是必须跨过去的一道个门槛。那么究竟什么是回调函数(Callback)，其实回调函数并不复杂，明白两个重点即可： 1. 函

桃扇骨/ 2021年11月13日 21:28/ 0 赞/ 428 阅读

相关回调与回调函数

回调与回调函数回调回调函数回调回调指的是某函数在执行的时候，由于某些原因，该函数被迫中止执行，交出当前线程的使用权，当前线程转而执行其它函

悠悠/ 2021年09月25日 04:26/ 0 赞/ 472 阅读