jQuery ajax回调函数设置ajax体外变量

最新推荐文章于 2022-07-12 17:32:22 发布

aWangz

最新推荐文章于 2022-07-12 17:32:22 发布

阅读量2.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/aWangz/article/details/8844539

JavaScript 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了如何在jQuery中利用Ajax回调函数修改外部作用域的变量，通过设置Ajax的同步属性async:false来实现流程同步，确保回调执行后再进行后续操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如题，如果我们想通过ajax的回调函数设置 ajax方法体外的参数，

如下例：
jQuery.validator.addMethod("emailAlreadyUsed", function(value, element){
value = jQuery.trim(value);
var ajaxResult = false;
jQuery.ajax({
                url:"yourUrl?t="+new Date().getTime()+"&email=" + value,
                  dataType:"jsonp",
                  jsonp:"jsoncallback",
                  success:function(data)
                  {
                                        var jsondata = data[0];
                                        if(jsondata.op_status == "NG")
                                       {
                                              ajaxResult = false;
                                        } else {
                                             ajaxResult = true;
                                        }
                  }
});
return ajaxResult;
}, jQuery.validator.messages.emailAlreadyUsed);
我们想通过ajax的回调函数设置ajax方法体外边的ajaxResult变量，往往不能如愿以偿。
因为此时的ajax调用并没有和体外的流程同步，因为ajax缺省是异步调用的，也就是说，体外的方法在ajax回调之前已经return了，所以ajaxResult并没有被回调函数赋值。

所以，

我们可以在ajax方法体内加上async:false,使得ajax和体外方法保持同步，也就是说ajax体外的方法需要等待ajax回调函数执行后再继续执行，代码如下
jQuery.validator.addMethod("emailAlreadyUsed", function(value, element){
value = jQuery.trim(value);
var ajaxResult = false;
jQuery.ajax({
                  url:"yourUrl?t="+new Date().getTime()+"&email=" + value,
                  async:false,
                 dataType:"jsonp",
                  jsonp:"jsoncallback",
                 success:function(data)
                 {
                                        var jsondata = data[0];
                                        if(jsondata.op_status == "NG")
                                       {
                                              ajaxResult = false;
                                        } else {
                                              ajaxResult = true;
                                        }
                  }
});
return ajaxResult;
}, jQuery.validator.messages.emailAlreadyUsed);
这样，我们就能得到期望的结果了。