如何让ajax调用一个接一个地运行？

Question

我试图插入一条记录，然后将其添加到数据库后检索它，但是检索它的第二个ajax调用应该在插入记录后等待。关于如何解决这个问题有什么想法吗？

$(document).ready(function() {
  $("#addPersonnelForm").on("submit", function() {

    departmentName = $("#selectPersonnelDepartment option:selected").text();
    $.ajax({
      url: "php/insertPersonnel.php",
      type: "POST",
      dataType: "JSON",
      data: {
        firstName: $("#addPersonnelFirstName").val(),
        lastName: $("#addPersonnelLastName").val(),
        emailAddress: $("#addPersonnelEmailAddress").val(),
        jobTitle: $("#addPersonnelJobTitle").val(),
        departmentID: $("#selectPersonnelDepartment").val()
      },
      success: function(result) {}
    });
  });
});

$.ajax({
  url: "php/retrievePersonnel.php",
  type: "POST",
  dataType: "JSON",
  success: function(result) {}
});

数据库已经填充，当我启动应用程序时，它会检索最后一条记录，例如记录 100，但它应该检索记录 101，因此我希望第二个 AJAX 调用在插入后等待。

Answer 1

使用还可以使用Query ajax .done()函数来链式请求。

$.ajax({
  // first request...
})
.done(function(){
  $.ajax({
    // second request
  });
});

（请参阅此处了解完整详细信息：https://api.jquery.com/jquery.ajax/）