多个ajax返回发生混乱

标签：json   一个   pre   sync   type   get   关键字   cti   function   

加载页面的时候发送多个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 关键字保证同步

多个ajax返回发生混乱

标签：json   一个   pre   sync   type   get   关键字   cti   function   

原文地址：https://www.cnblogs.com/lqmblog/p/12204872.html