您的位置:首页 > Web前端 > JavaScript

js 函数无法返回ajax数据的问题

2017-02-16 11:04 260 查看
在做一个验证功能的时候,在js里遇到了一个问题。在js的函数里return 某个由ajax调用后台获取的值时,出现了同步、异步的问题。

//判断创建人是否一致
function validateUser(userId, zcgpc){
var type = 0;//为0,一致
$.ajax({
"url" : 'queryUserByCgpc',
"method" : "POST",
"data" : {
"zcgpc" : zcgpc
},
"cache" : false,
}).success(function(data) {
if (data != userId) {
type = 1;
}
});
alert(type);
return type;
}


上述函数判断ajax获取的data值是否和传参的userId一致,一致type=0,不一致type=1.

打断点调试发现,进此函数后,执行完var type = 0;  后直接执行alert,弹出type值为0.

百度后发现,ajax方法默认是异步的,即http发起请求以后,js不会一直在原地等待返回结果的到来,而是直接执行了后面的代码。

再去执行ajax请求,导致先return,且return的值为0,并不是创建人不一致时的真正结果1.

若想设置ajax方法为同步,即执行完ajax方法,再去执行后面的return,则需设置 "async" :
false,


//判断创建人是否一致
function validateUser(userId, zcgpc){
var type = 0;//为0,一致
$.ajax({
"url" : 'queryUserByCgpc',
"method" : "POST",
"data" : {
"zcgpc" : zcgpc
},
"cache" : false,
"async" : false,
}).success(function(data) {
if (data != userId) {
type = 1;
}
});
return type;
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
相关文章推荐