jquery 如何使一个自动呼叫一个接一个地运行?

j2qf4p5b  于 2023-10-17  发布在  jQuery
关注(0)|答案(1)|浏览(89)

我试图插入一条记录,然后在将其添加到数据库后检索它,但是检索它的第二个aplog调用应该在记录插入后等待。你有什么想法吗

$(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调用在插入后等待。

cnh2zyt3

cnh2zyt31#

您可以在第一个请求的回调中调用第二个ANORTH请求,以便对请求进行排序。

$.ajax({
      url: "php/insertPersonnel.php",
      ...
      success: function(result) {
          // Process Result
          $.ajax({
              url: "php/retrievePersonnel.php",
              ...
              success: function(result2) {
                  // Process result2 
              }
          });
      }
});

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

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

(See详情请点击此处:https://api.jquery.com/jquery.ajax/
(Note:为了澄清我的回答下面的评论,我最初建议不推荐使用success回调。事实并非如此)

相关问题