每秒多个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);
})