• admin
  • 501
  • 2025-07-11 09:35:00

如果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