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