又遇到这个问题了，还好及时发现了。之前也遇见过这个问题，困惑了很久。
这次有经验了，一下就发现了存在的问题，自此记录一下，下次不在犯了。
转自：https://www.cnblogs.com/terryMe/p/6130309.html
小哥哥描述得很清楚：
如果jquery中，获取不到ajax返回值。
两个错误写法会导致这种情况：1.ajax未用同步 2.在ajax方法中直接return返回值。
下面列举了三种写法，如果想成功获取到返回值，参考第三种写法：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
| /**
* 方式：（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;
}
|