Несколько запросов AJAX каждую секунду

Question

По сути, я хочу использовать setTimeout для следующего кода, так что response () будет вызываться каждую секунду.

$(function(){
    var x = $('#front');
    var y = $('#back');
    var z = $('#side');
    $.when( $.ajax( "/front" ), $.ajax( "/back" ),$.ajax( "/side" ) ).done(response);
        function response( res1,res2,res3 ) {
        x.val(res1);
        y.val(res2);
        z.val(res3);
      }
});

Извините за ошибку, так как я нуб к этой теме ...

Answer 1

Вы можете использовать Promise и setTimeout для достижения того, что вы ищете.Смотрите код ниже для справки.

var promiseOneSecond = function(res) {
  return new Promise(function(resolve, reject){
    setTimeout(function(){
      resolve(res)
    }, 1000)
  })
}

promiseOneSecond('res1')
.then(function(res) {
  console.log(': ', res);
  return promiseOneSecond('res2');
})
.then(function(res) {
  console.log(': ', res);
  return promiseOneSecond('res3');
})
.then(function(res) {
  console.log(': ', res);
})