javascript - 如何在执行第一个函数后调用第二个函数？

Question

我在 change 事件上调用了两个函数。

function1();
function2();

function1() : 是一个ajax调用
function2():在 function1() 之前执行。

为什么会这样？

有什么帮助吗？

Answer 1

Ajax的第一个A表示异步，即在Ajax请求仍在处理的同时，常规的Javascript程序流将继续。因此，function2会在function1发起的Ajax请求完成之前执行。

解决方案:Javascript 中的每个异步方法都会为您提供一个所谓的callback，即在异步方法完成后调用的函数。在 jQuery.ajax() 中，此回调随参数 success 一起提供。如果您将对 function2 的调用放入此回调中，它将起作用。

function1() {
   ...
   $.ajax({
      url: '...',
      type: 'GET',
      success: function(data) {
         // this will be executed after the asynchronous method finishes
         function2();
      }
   });
}