带有Ajax调用的函数返回值问题

最新推荐文章于 2020-07-15 20:52:03 发布

原创最新推荐文章于 2020-07-15 20:52:03 发布 · 5k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#ajax返回undefined #ajax返回值

问题汇总专栏收录该内容

1 篇文章

订阅专栏

本文探讨了在使用Ajax进行同步请求时，如何正确处理回调函数中的返回值问题。通过一个具体的实例，展示了如何避免因回调函数内部的return导致外层函数返回undefined的错误，并给出了修正后的代码。

昨天遇到一个ajax返回值得问题。情景是这样的，在一个校验函数中使用了ajax请求后台校验名称的重复性，原代码如下：

function checkdata(){
        var new_name= $("#name").val();
        if(new_name ==''){
            $('#status_name').text("* 请录入角色名称！").addClass("text-error");
            $('#name').addClass('error').focus();
            return false;
        }
        if($("#message").val()==''){
            $('#status_message').text("* 请录入备注信息！").addClass("text-error");
            $('#message').addClass('error').focus();
            return false;
        }

        //角色名字没有修改，角色名字不能为空，所以不会出现两个变量都为空的情况
        if( new_name != "{{ role.name }}"){
            //ajax做角色名的重复判断
            $.ajax({
                url:"/mrole/add0edit/check/",
                data:{"name":$("#name").val() },
                type:"POST",
                dataType: "json",
               <span style="color:#ff6666;"> </span><span style="color:#ff0000;">async: false, //关闭异步</span>
                success:function(result){
                    if(result.status == 1){
                        $("#status_message").text("* 角色名已被使用，请录入其他角色名称或返回列表编辑原角色！").addClass("text-warning");
                        $("#name").addClass("warning").focus();
                        return false;
                    }else{
                        return true;
                      }
                    }
                });
            }else{
                return true;
            }
    }

此时，函数返回值为 undefined。以为是ajax的异步处理，造成还没执行回调函数，检测函数就退出造成的，于是把异步关掉。仍然不起作用。

最后返回问题是，在ajax回调函数中return返回退出的仅仅是回调函数本身，而并非外层的整个函数，所以造成外层函数无返回值，而返回undefined。

修改后代码：

function checkdata(){
        var new_name= $("#name").val();
        if(new_name ==''){
            $('#status_name').text("* 请录入角色名称！").addClass("text-error");
            $('#name').addClass('error').focus();
            return false;
        }
        if($("#message").val()==''){
            $('#status_message').text("* 请录入备注信息！").addClass("text-error");
            $('#message').addClass('error').focus();
            return false;
        }

        //角色名字没有修改，角色名字不能为空，所以不会出现两个变量都为空的情况
        if( new_name != "{{ role.name }}"){
            //ajax做角色名的重复判断
            flag = false;
            $.ajax({
                url:"/mrole/add0edit/check/",
                data:{"name":$("#name").val() },
                type:"POST",
                dataType: "json",
                async: false, //关闭异步
                success:function(result){
                    if(result.status == 1){
                        $("#status_message").text("* 角色名已被使用，请录入其他角色名称或返回列表编辑原角色！").addClass("text-warning");
                        $("#name").addClass("warning").focus();
                        //return false;
                    }else{
                        flag = true;
                      }
                    }
                });
                return flag;
            }else{
                //$("#ischeck").val(1);
                return true;
            }
    }