ajax什么功能使用同步,深刻理解ajax中同步和异步的区别和使用场景

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

代码一：

$.ajax({

type: "post",

async:true, //不设置此参数的话默认为true

url: "/teacher/ajaxtimeline",

data: {"month": month, "uid":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":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);