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

本文转自IT徐胖子的专栏博客51CTO博客,原文链接http://blog.51cto.com/woshixy/951159如需转载请自行联系原作者


woshixuye111

上一篇:mysql常用命令


下一篇:Windows注册密码能保护你的数据安全吗?