javascript - 有没有办法等待 AJAX 响应并停止执行？

Question

这是我要执行的一些代码。我想等待 AJAX 响应，这样我就可以从服务器返回一些东西。有什么办法可以实现吗？

function functABC(){
    $.ajax({
        url: 'myPage.php',
        data: {id: id},
        success: function(data) {
            return data;
        }
    });

    //Wait for AJAX (???)
}

var response = functABC();

Answer 1

当使用 promise 时，它们可以在 promise 链中使用。async=false 将被弃用，因此使用 promises 是您的最佳选择。

function functABC() {
  return new Promise(function(resolve, reject) {
    $.ajax({
      url: 'myPage.php',
      data: {id: id},
      success: function(data) {
        resolve(data) // Resolve promise and go to then()
      },
      error: function(err) {
        reject(err) // Reject the promise and go to catch()
      }
    });
  });
}

functABC().then(function(data) {
  // Run this when your request was successful
  console.log(data)
}).catch(function(err) {
  // Run this when promise was rejected via reject()
  console.log(err)
})