顺序调用的AJAX函数

Question

打扰一下。我还在学习令人惊叹的JQuery语言。我遇到了一个问题，读了很多书，但仍然一团糟。希望你能指导我解决问题。

我有三个函数，它们执行三个post调用。它们返回一个文本变量，我最近将其解析为JSON（如果可用）。

<script>
  $(document).ready(function() {
      ...
      afterAction: 
        a(param1,param2);
        ...
        param1: [other value];
        ...
        b(param1);

      select:
        a(param1,param2);
        b(param1);
      ...
  });

  function a (param1,param2) {
      // get data from DOM objects, val, texts, whatever
      $.post ( "a.php", { 
              param1: param1,
              param2: param2,
              stuff1: [data from DOM objects...]
              },function(data){                         
                 console.log(data)
                 // do something (change dom objects properties, append..)
              }
       });

  function b (param1) {
      // get data from DOM objects, val, texts, whatever
      $.post ( "b.php", { 
              param1: param1,
              stuff1: [data from DOM objects...]
              },function(data){
                 console.log(data)
                 // do something  (change dom objects properties, append..)
              }
  });

  function c (param1) {
      // get data from DOM objects, val, texts, whatever
      $.post ( "c.php", { 
              param1: param1,
              stuff1: [data from DOM objects...]
              },function(data){
                 console.log(data)
                 // do something  (change dom objects properties, append..)
              }
  });

</script>

问题是所有这些功能都很有效。。。当然，它们是异步的。我需要：

• 按顺序执行，就像它们是同步的
• 除此之外，（这是我的挑战之一）函数a接收到一个param1，但在执行后，代码将param1更改为另一个值，该值将用于函数b。
• 而且，更重要的是，如果触发了某个DOM事件（后动作Owl Carrousel），就会发生这种情况。如果触发了不同的DOM事件（selectmenu select），将执行函数a，param1将保留其值，并调用函数b

我尝试过但没有成功的事情：

1. 使用$.ajax请求（post方法和type=“text”）

1. 函数a使用php和mysqli插入、更新或删除数据。它肯定能正常工作。
2. 函数b从同一个表中检索数据。
3. 函数c检索日期列表并在选择html之前更改菜单

如果你能帮助我，非常感谢。。。

部分解决方案？正在努力！将$. post更改为$. ajax（{...类型：'POST'}），并使用返回$. ajax和成功回调检索数据。稍后，我需要一个$。当（a（参数1，参数2），b（参数1*），c（参数1））。完成（函数（data1，data2，data3）{...}）；语句，我可以处理单独的数据集。问题是，当参数1是a和b函数的不同值时，要提前计算，

Answer 1

链接它们的一种快速方法是在之前要执行的回调函数中调用它们中的每一个。

例如，由于a是您的第一个函数，请调用它，然后在其回调中根据需要操作变量并调用b，并在其中调用c。

基于您的代码的粗略示例：

  $(document).ready(function() {
    //call function a first
    a(param1,param2);
  });

  function a (param1,param2) {
      // get data from DOM objects, val, texts, whatever
      $.post ( "a.php", { 
              param1: param1,
              param2: param2,
              stuff1: [data from DOM objects...]
              },function(data){                         
                 console.log(data)
                 // do something (change dom objects properties, append..)

                 //change the state of param1 to whatever is required and then call function b
                 b(param1);
              }
       });

  function b (param1) {
      // get data from DOM objects, val, texts, whatever
      $.post ( "b.php", { 
              param1: param1,
              stuff1: [data from DOM objects...]
              },function(data){
                 console.log(data)
                 // do something  (change dom objects properties, append..)

                 //change the state of param1 to whatever is required and then call function c
                 c(param1);
              }
  });

  function c (param1) {
      // get data from DOM objects, val, texts, whatever
      $.post ( "c.php", { 
              param1: param1,
              stuff1: [data from DOM objects...]
              },function(data){
                 console.log(data)
                 // do something  (change dom objects properties, append..)
              }
  });