主页 / 问题 / 923898
Accepted
Gagablik
Asked:2020-12-22 00:43:50 +0000 UTC2020-12-22 00:43:50 +0000 UTC

如何在多个 AJAX 之后执行一个函数（ajax 数量未知）？

  • 772

在收到所有 AJAX 的服务器响应后，如何运行该函数？AJAX 请求的数量是未知的，它总是可以不同的。但是您需要等待他们的响应，并根据收到的数据执行函数

function first(i) { 
  $.ajax({
    type: 'post',
    url: myajax.url,
    data: {
      action:   'testAjax'
    },
    complete: function(response) {
        window.console.log('AJAX');
        if ( i === 5 ) { 
          second(); 
        }
    }
  }); 
};
function second() { window.console.log('Функция после AJAX'); };


for (var i = 1, max = 5; i <= max; i++) {
  first(i);
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

javascript

1 个回答

  1. Best Answer

    const arr = [];

for (let idx = 1; idx < 6; idx++) {
  arr.push(
    $.ajax({
      url: `http://jsonplaceholder.typicode.com/users/${idx}`,
      type: 'GET'
    })
  );
}

Promise.all(arr)
  .then(values => {
    // обработка результатов
    console.log(values);
  })
  .catch(err => {
    // обработка ошибок выполнения запросов
    throw err;
  });
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

    • 3

相关问题