Javascript Ajax请求顺序执行，获取执行结果

最新推荐文章于 2024-03-09 22:59:25 发布

原创最新推荐文章于 2024-03-09 22:59:25 发布 · 290 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一个基于layui的form模块实现表单验证的方法，其中包括了对用户名字段的实时验证，通过AJAX异步请求检查用户名是否重复。文章详细展示了如何在form模块中自定义验证规则，并结合异步请求实现更复杂的验证逻辑。

form.render();
        form.verify({
            username: function (val) {
                if (val.trim() === '') {
                    return "请输入账号名称";
                }

                //ajax同步获取结果 ，success里不能直接使用return
                let code = 0;
                $.ajax({
                    url: "api/isUserRepeat",
                    type: "post",
                    dataType: "json",
                    data: {"username": val},
                    async: false,//设置为false 即为同步执行
                    success: function (msg) {
                        code = msg.code;
                    }
                });
                if (code == 0) {
                    return "账号已存在";
                }
            }
        });