多个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 关键字保证同步

猜你喜欢

转载自www.cnblogs.com/lqmblog/p/12204872.html