ajax - Jquery 在第一个 ajax 函数调用完全完成后继续另一个 ajax 函数

Question

我在 2 个不同的函数中有 2 个 ajax 调用。我想用.click来调用这2个函数。 func1 将数据插入数据库，然后 func2 检索数据，所以我的问题是如何等到 func1 完全完成然后只执行 func2。

我尝试了 .delay()，它有效，但我认为这是一个愚蠢的解决方案。

  $("#updateLocation").click(function(e){
      e.preventdefault;
        func1();
        func2();
      });
      return false;
    });

    function func1(){
      $.ajax({
        url:'',
      });
});

    function func2(){
      $.ajax({
        url:'',
      });
})；

Answer 1

三种方式:

在 func1 成功时调用 func2:

    function func1() {
       $.ajax({ ... }).done(func2);
    }

当 funky 完成时，使用 Deferred API 调用 func2:

    e.preventDefault();
    $.when(func1).then(func2);

使 func1 同步(不推荐):

    function func1() {
       $.ajax({url: '', async: false});
    }