深刻理解ajax中同步和异步的区别和使用场景

先上两段代码,猜下这两段代码的console.log的执行顺序和结果:

代码一:

                    $.ajax({
                        type: "post",
                        async:true, //不设置此参数的话默认为true
                        url: "/teacher/ajaxtimeline",
                        data: {"month": month, "uid":<?php echo intval($teacher->uid);?>},
                        dataType: "json",
                        success: function(data) {
                            //假设data.canNotSetDays服务端返回的是[9,10,11]
                            $.each(data.canNotSetDays, function(i, item) {
                                canNotSetDays.push(item);
                            });

                            console.log('**********ajax result ************');
                            //此处是可以获取canNotSetDays的值的,并能查找到其中的元素数字9
                            console.log(canNotSetDays);
                            console.log(canNotSetDays.length);
                            console.log(canNotSetDays.indexOf(9));

                        }
                    });

                    console.log('***********after ajax ***********');

                    //此处是获取不到canNotSetDays的值的,长度为0,无法查找到其中的元素数字9
                    console.log(canNotSetDays);
                    console.log(canNotSetDays.length);
                    console.log(canNotSetDays.indexOf(9));

                    console.log('**********delay two seconds************');

                    setTimeout(function(){
                        //延迟2秒后也是可以获取canNotSetDays的值的,并能查找到其中的元素数字9
                        console.log(canNotSetDays);
                        console.log(canNotSetDays.length);
                        console.log(canNotSetDays.indexOf(9));
                    }, 2000);
            

代码二:

                     $.ajax({
                        type: "post",
                        async:false, //不设置此参数的话默认为true
                        url: "/teacher/ajaxtimeline",
                        data: {"month": month, "uid":<?php echo intval($teacher->uid);?>},
                        dataType: "json",
                        success: function(data) {
                            //假设data.canNotSetDays服务端返回的是[9,10,11]
                            $.each(data.canNotSetDays, function(i, item) {
                                canNotSetDays.push(item);
                            });

                            console.log('**********ajax result ************');
                            //此处是可以获取canNotSetDays的值的,并能查找到其中的元素数字9
                            console.log(canNotSetDays);
                            console.log(canNotSetDays.length);
                            console.log(canNotSetDays.indexOf(9));

                        }
                    });

                    console.log('***********after ajax ***********');

                    //此处是可以获取canNotSetDays的值的,并能查找到其中的元素数字9
                    console.log(canNotSetDays);
                    console.log(canNotSetDays.length);
                    console.log(canNotSetDays.indexOf(9));

                    console.log('**********delay two seconds************');

                    setTimeout(function(){
                        //延迟2秒后肯定也是可以获取canNotSetDays的值的,并能查找到其中的元素数字9
                        console.log(canNotSetDays);
                        console.log(canNotSetDays.length);
                        console.log(canNotSetDays.indexOf(9));
                    }, 2000);



猜你喜欢

转载自blog.csdn.net/ligaofeng/article/details/78759005
今日推荐