Question

javascript中的异步请求遇到的问题。。。

//问题：在异步请求的方法里，外界接收的返回值是undefined；
(function($){
$.fn.extend({
check_costName : function(obj){
//异步请求，查检名称是否重复
$.post('checkCostName',{'name':$('#costName').val()},function(data){
if(data){
$('#nameMsg').removeClass("error_msg").text("输入正确");
return true;//?调用该方法接收不到这里的返回值
}else{
$('#nameMsg').addClass("error_msg").text("50长度的字母、数字、汉字和下划线的组合");
return false;//?调用该方法接收不到这里的返回值
}
});
}
});
})(jQuery);
===============================================================================
(function($){
$.fn.extend({
check_costName : function(obj){
//异步请求，查检名称是否重复
var flag;
$.post('checkCostName',{'name':$('#costName').val()},function(data){
if(data){
$('#nameMsg').removeClass("error_msg").text("输入正确");
flag=true;
}else{
$('#nameMsg').addClass("error_msg").text("50长度的字母、数字、汉字和下划线的组合");
flag=false;
}
});
}
alert(flag);//？这里的flag的值为undefined（若这里不打印flag，则返回值也为undefined）
return flag;//?但调用该方法的返回值却为true
});
})(jQuery);

Answer 1

$.post('checkCostName',{'name':$('#costName').val()},function(data){
if(data){
$('#nameMsg').removeClass("error_msg").text("输入正确");
return true;//?调用该方法接收不到这里的返回值
}else{
$('#nameMsg').addClass("error_msg").text("50长度的字母、数字、汉字和下划线的组合");
return false;//?调用该方法接收不到这里的返回值
}
});

===========================================================================

你的return true和false是return到function(data)这里了，而不是function(obj)这里。

追问

那有没有办法让它return到外面去？
还有像第二段代码，在异步请求方法外面定义一个变量，然后在异步请求方法里面给它赋值，为什么在赋值不成功。要alert（）一下，才能使用该变量。

追答

你把alert(flag);放在$.post的function的最后，你就会发现有值了，只是当执行到alert的时候你的$.post的还没返回回来，或者中间有极小的时间差距。所以导致alert的flag为undefined，但是return会等里面的东西都执行完再return.