多次发送ajax 数据混乱,多个ajax返回发生混乱(示例代码)

加载页面的时候发送多个ajax

$(function () {

$.ajax({

url:"url1",

type:"POST",

dataType:"json",

success:function(data){

$("#html1").html(data.getData1);

}

});

$.ajax({

url:"url2",

type:"POST",

dataType:"json",

success:function(data){

$("#html2").html(data.getData2);

}

});

$.ajax({

url:"url3",

type:"POST",

dataType:"json",

success:function(data){

$("#html3").html(data.getData3);

}

});

});

最后结果发生混乱 html1 html2 html3里的数据 是错位的，html1 有时返回html2或者html3的数据

1方法：ajax嵌套，返回了再发送下一个

$(function () {

$.ajax({

url:"url1",

type:"POST",

dataType:"json",

success:function(data){

$("#html1").html(data.getData1);

$.ajax({

url:"url2",

type:"POST",

dataType:"json",

success:function(data){

$("#html2").html(data.getData2);

$.ajax({

url:"url3",

type:"POST",

dataType:"json",

success:function(data){

$("#html3").html(data.getData3);

}

});

}

});

}

});

});

2方法：在后台方法上加 synchronized 关键字保证同步