javascript - 如何使用 ajax 替代方法使 $.post 请求按顺序运行

Question

是否可以同步执行 $.post 请求？我有以下代码:

function loadTest() {

var questionIDs = [];

var count = 0;

console.log("getting test");
$.post("db.php", function(data) {
    obj = jQuery.parseJSON(data);

    var questionCount = obj.length;

    console.log(obj);

    while (count != questionCount) {

        questionIDs.push(obj[count].id);
        count++;
    }
    console.log(questionIDs);

    // $('#question').html(obj[0].question);
});

$.post("getChoices.php", {
    IDs: questionIDs
}, function(data) {
    console.log(data);
    obj = jQuery.parseJSON(data);

    console.log(obj);

    while (q < 3) {
        console.log("question");
        var w = 1;
        while (w < 5) {

            console.log(obj[q][w]);
            w++;
        }
        q++;
    }

    // $('#question').html(obj[0].question);
});

}

由于 $.post 函数是异步运行的，发送时变量 questionIDs 为空。是否有不需要从 $.post 更改为 ajax 的可能解决方案？我在这里尝试了各种解决方案，但似乎无法让它们发挥作用。

Answer 1

确保在第一个请求得到响应后发出第二个请求。将第二个请求放在第一个请求回调中。像这样:

function loadTest() {

  var questionIDs = [];

  var count = 0;

  console.log("getting test");
  $.post("db.php", function(data) {
    obj = jQuery.parseJSON(data);

    var questionCount = obj.length;

    console.log(obj);

    while (count != questionCount) {

      questionIDs.push(obj[count].id);
      count++;
    }
    console.log(questionIDs);

    //      $('#question').html(obj[0].question);

    $.post("getChoices.php", {
      IDs: questionIDs
    }, function(data) {
      console.log(data);
      obj = jQuery.parseJSON(data);

      console.log(obj);

      while (q < 3) {
        console.log("question");
        var w = 1;
        while (w < 5) {

          console.log(obj[q][w]);
          w++;
        }
        q++;
      }

      // $('#question').html(obj[0].question);
    });
  });
}