ajax同步直接返回值,用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