Home>

wait for the completion of processing during the jquery loop and continue

Is it possible to wait for the completion of processing during the following loop and proceed to the next step?

$. each (array, function (i, val) {
1. Perform time-consuming processes such as AJAX
2. When processing is complete, proceed to the next loop
});
If i set

setTimeout, the following loop process may be executed before the process ends.

$. each (array, function (i, val) {
    setTimeout (function () {
        Execute processing
    }, 1000 * key);
});
jquery loop
  • Answer # 1

    Use $.Deffered or $.when

    In jjs, it is a promise or async/await process

    sample 
    (async () =>{
for (let i = 0;i<10;i ++) {
  await new Promise (resolve =>{
    setTimeout (() =>{
      console.log (i);
      resolve ();
    }, 300);
});
}
}) ();

Related articles