ajax回调函数执行顺序带来的同步异步问题

我们来看这样一段代码：

$(function(){
 
var a =0;
 
$.getJSON(
 
   "student_toadd",
 
    {stunum:10},
 
    function(json,status)
     {
            $.each(json,function(i){
                       $('#stuDiv').append("<div>学生学号:"+json[i].num+"</div>" );
             }
 
            ......................................... 
 
           a = 10;
         });
 
    }
 )
 
alert(a);
 
});

 

你说说看弹出的a是多少？我说：有可能是10，有可能是0。

为毛？

因为ajax的执行是异步的，有可能回调函数还没有拿到返回值，就弹出a了。

解决办法

var a = 0;
 
$.ajax({
           type: "get",
 
         dataType: "json",
 
        async: false    // 异步为false
 
         url: "student_toadd",
 
         data:{stunum:10},
 
         success:function(json,status)
                         {
                                   $.each(json,function(i){
                                           $('#stuDiv').append("<div>学生学号:"+json[i].num+"</div>" );
                                    }
 
                                  ......................................... 
 
                                  a = 10;
                         );
  });
 
alert(a);   

 

这表示，将$.ajax拿到返回值后，在执行后面的js。

这样a就是10了。

这样有什么启发呢？比如我们需要等到返回值在页面绘制一些元素，如果是异步的话，有可能绘制出来的东西是空的。