主页 / 问题 / 924490
Accepted
Gagablik
Asked:2020-12-23 22:53:26 +0000 UTC2020-12-23 22:53:26 +0000 UTC

Jquery中的Promises（帮助我理解原理）

  • 772

当 first() 的所有内容都存在时，如何使 promise 起作用；如果您一次向数组添加 AJAX 请求，那么一切都会按要求进行。但是如果 first()，那么 AJAX 就不会等待响应，这是合乎逻辑的。

const arr = [];
function first (i) {
  $.ajax({
    url: `http://jsonplaceholder.typicode.com/users/${i}`,
    type: 'POST',
    data: {
      i: i
    },
    complete: function() {
      console.log('AJAX №' + i);
    }
  })
};

for (let i = 1; i < 6; i++) {
  arr.push( 
    first(i)
  );
}

Promise.all(arr)
  .then(resolve => {
    console.log('После AJAX');
  })
  .catch(reject => {

  });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

javascript

2 个回答

  1. Best Answer
    function first (i) {
  return $.ajax({ ...
    • 2

  2. complete在“解决”所有其他 ajax 函数后触发。
    也就是说，即使then在 Promise.all()中拦截的事件之后，也
    可能不是最优雅的方式——将 ajax 调用包装在另一个 Promise 中。

    const arr = [];
function first (i) {
  return new Promise(function(resolve, reject) {
    $.ajax({
      url: `http://jsonplaceholder.typicode.com/users/${i}`,
      type: 'GET',
      data: {
        i: i
      },
      complete: function(data) {
        console.log('AJAX №' + i);
        resolve(data);
      },
      error: function(err) {
        console.log(err);
        reject(err);
      }
    });
  });
};

for (let i = 1; i < 6; i++) {
  arr.push( 
    first(i)
  );
}

Promise.all(arr)
  .then(resolve => {
    console.log('После AJAX');
  })
  .catch(reject => {

  });
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

    • 1

相关问题