多个AJAX执行顺序问题

最新推荐文章于 2024-01-14 15:30:03 发布

信不信由你zzy

最新推荐文章于 2024-01-14 15:30:03 发布

阅读量829

点赞数

本文链接：https://blog.csdn.net/zengzhengyou/article/details/28877051

版权

突然想到这个事情。留个脚印

如

$(document).ready(function () {

{

//希望是按照先执行函数1，再执行函数2

func1();

func2();

});

function fuc1()

{

var url="/Program/test1";

var objData=[{name:"test1",value:"test1"},{name:"test2",value:"test2"}];

  $.ajax({
        "type": "POST",
        "url": url,
        "dataType": "json",
        "data": aoData, //以json格式传递
        "success": function (obj) {
             doSomething1();
        }
    });

}

function fuc2()

{

var url="/Program/test1";

var objData=[{name:"test3",value:"test3"},{name:"test4",value:"test4"}];

  $.ajax({
        "type": "POST",
        "url": url,
        "dataType": "json",
        "data": aoData, //以json格式传递
        "success": function (obj) {
             doSomething2(“包含fun1中的某些更改值");
        }
    });

}

确实是按照调用顺序执行了，但是不一定是在func1执行完了才执行func2，也就是有可能是在func2执行完了，func1还没有执行完,也就导致了问题

然后找到一种方式是

在func1中嵌套func2

如：

$(document).ready(function () {

{

func1();

}

function fuc1()

{

var url="/Program/test1";

var objData=[{name:"test1",value:"test1"},{name:"test2",value:"test2"}];

  $.ajax({
        "type": "POST",
        "url": url,
        "dataType": "json",
        "data": aoData, //以json格式传递
        "success": function (obj) {
             doSomething1();

url="/Program/test2";

objData=[{name:"test3",value:"test3"},{name:"test4",value:"test4"}];

            $.ajax({
            "type": "POST",
          "url": url,
        "dataType": "json",
      "data": aoData, //以json格式传递
         "success": function (obj) {
          doSomething2(“包含fun1中的某些更改值");
        }
      });
        }
    });

});