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

我们来看这样一段代码：

$(function(){

var a =0;

$.getJSON(

<wbr><wbr> "student_toadd",</wbr></wbr>

<wbr><wbr><wbr><wbr>{stunum:10},</wbr></wbr></wbr></wbr>

<wbr><wbr><wbr><wbr>function(json,status)<br> {<br> $.each(json,function(i){<br> $('#stuDiv').append("&lt;div&gt;学生学号:"+json[i].num+"&lt;/div&gt;" );<br> }</wbr></wbr></wbr></wbr>

.........................................

a = 10;
});

}
)

alert(a);

});

<wbr></wbr>

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

为毛？

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

<wbr></wbr>

解决办法

var a = 0;

$.ajax({
<wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr> type:<wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>"get",

<wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr>dataType:<wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>"json",

<wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><strong>async: false<wbr><wbr><wbr><wbr>// 异步为false</wbr></wbr></wbr></wbr></strong></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>

<wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr>url:<wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>"student_toadd",

<wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr>data:{stunum:10},</wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>

<wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr> success:function(json,status)<br> {<br> $.each(json,function(i){<br> $('#stuDiv').append("&lt;div&gt;学生学号:"+json[i].num+"&lt;/div&gt;" );<br> }</wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>

.........................................

a = 10;
);
<wbr>});</wbr>

alert(a);<wbr><wbr><wbr></wbr></wbr></wbr>

<wbr></wbr>

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

这样a就是10了。

<wbr></wbr>

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