博客

今天刚上班就偶遇关于获取Ajax方法return的返回值的问题，这里小记一下。

在使用jquery中，如果获取不到ajax返回值，原因有二：

一、ajax未使用同步

ajax未使用同步，导致数据未加载完，再return的话，最后只会获得一个”undefined”的结果。

二、在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 : true,
        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;
}