在时间保留5 ajax请求

Question

给定一个请求的URL列表，我需要随时保持5个请求的活动，并不是所有的请求都会花费同一时间，所以如果一个完成，我想发送一个新的请求。我尝试了几种方法，并在$ .all和$ .when文档中查找，但我无法弄清楚如何完成此操作。

有人能指出我解决这个问题的正确方向吗？

Answer 1

不知道为什么你需要做到这一点，但在这里你去：

var urls = [ 
 
     'https://jsonplaceholder.typicode.com/photos?albumId=1', 
 
     'https://jsonplaceholder.typicode.com/photos?albumId=2', 
 
     'https://jsonplaceholder.typicode.com/photos?albumId=3', 
 
     'https://jsonplaceholder.typicode.com/photos?albumId=4', 
 
     'https://jsonplaceholder.typicode.com/photos?albumId=5', 
 
     'https://jsonplaceholder.typicode.com/photos?albumId=6', 
 
     'https://jsonplaceholder.typicode.com/photos?albumId=7', 
 
     'https://jsonplaceholder.typicode.com/photos?albumId=8', 
 
     'https://jsonplaceholder.typicode.com/photos?albumId=9', 
 
     'https://jsonplaceholder.typicode.com/photos?albumId=10' 
 
    ], 
 
    running = 0; 
 

 

 

 
function startNext() { 
 

 
    if(running < 5 && urls.length) { 
 
     var url = urls.shift(); 
 

 
     $.ajax({ 
 
      url: url, 
 
      method: 'GET', 
 

 
      complete: function(xhr, status) { 
 
       console.log('completing request for:', url); 
 
       running--; 
 
      } 
 
     }); 
 

 
     console.log('number of requests running:', running); 
 
     console.log('starting request for:', url); 
 
     running++; 
 
    } 
 

 
    urls.length && setTimeout(function() { 
 
     startNext(); 
 
    }, 0); 
 
} 
 

 
startNext();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>