如何在另一个结束后调用一个函数？

Question

打开模态框后我正在做一些功能。 RefreshBirths() 函数需要 motherId 和 fatherId 来自 getDictionaryMother() 和 getDictionaryFather() 函数（这些在页面上呈现 my mothers 和 father 然后我可以得到refreshBirths() 函数中的值）。

我检查了refreshBirths() 太早使用我的 id，所以最后有未定义的 id。

我检查了在mother/father 方法中的.done 部分中调用我的refreshBirths() 函数，它解决了我的问题，但我更喜欢在代码的指定部分中明确地这样做。

这不能解决，但我想在那儿做这个：

  $('#create-modal').on('shown.bs.modal', function() {
  refreshBreeds();
  getDictionaryMother();
  getDictionaryFather();
  $.when(getDictionaryFather()).done(function() {
         refreshBirths();
  });
});

这里修复了，但我更喜欢在另一个地方调用该方法

    function getDictionaryMother() {
    $.ajax({
            url: "/admin/api/dictionary/" + "ANIMAL_MOTHER",
            type: "GET",
            dataType: "json"
        })
    .done(function(response) {
           $('#mother-create').empty();
           $('#mother').empty();
           response.forEach(function(mother){
                $('#mother-create').append('<option value='+ mother.id +'> '+ mother.value +' </option>');
                $('#mother').append('<option value='+ mother.id +'> '+ mother.value +' </option>');
           });

refreshBirths();


    })
    .fail(function(jqxhr, textStatus, errorThrown) {
        displayErrorInformation("Cannot get dict: " + name + " due to: " + jqxhr.responseText);
    });
}

Answer 1

您可以在 Ajax 请求上使用 .then() 方法或 .when()。