用jquery的ajax方法获取return返回值的正确姿势

如果jquery中，想要获取ajax的return返回值，必须注意两方面，ajax的同步异步问题，在ajax方法里面还是外面进行return返回值。

下面列举了三种写法，如果想成功获取到返回值，参考第三种写法：（即，前面两种是反面教材）

/**

 

 * 方式：（1）同步调用 （2）在ajax函数体里面return值

 * 结果：返回 1。未成功获取返回值

 * 失败原因：ajax内部是一个或多个定义的函数，ajax中return返回值，

 * 返回到ajax定义函数，而不是返回到ajax外层的函数checkAccount1()

 */

function checkAccount1(){

    var result = 1;

    $.ajax({

        url : 'test.do',

        type : "post",

        data : {},

        async : false,

        success : function(data) {

            return 2;

        }

    });

    return result;

}

 

 

/**

 * （1）异步调用 （2）在ajax对全局变量进行设值 (3)ajax函数外将变量return

 * 结果：返回 1。未成功获取返回值

 * 失败原因：ajax请求和后面的return result语句异步执行，

 * 导致return result比result = 2先执行并返回result的值

 */

function checkAccount2(){

    var result = 1;

    $.ajax({

        url : 'test.do',

        type : "post",

        data : {},

        async : true,

        success : function(data) {

            result = 2;

        }

    });

    return result;

}

 

 

/**

 * （1）同步调用 （2）且在ajax对全局变量进行设值 (3)ajax函数外将变量return

 * 结果：返回 2。成功获取返回值

 * 成功原因：先执行result = 2;再往下执行return result;

 */

function checkAccount3(){

    var result = 1;

    $.ajax({

        url : 'test.do',

        type : "post",

        data : {},

        async : false,

        success : function(data) {

            result = 2;

        }

    });

    return result;

}

注：参考博客：https://www.cnblogs.com/terryMe/p/6130309.html