如何排隊jQuery ajax請求？

Question

我一直在做大量的搜索，並不認爲我能找到我要找的東西。

我有一個類似於twitter的工作方式，你需要在一個按鈕上單擊一個按鈕來添加（或在Twitter上關注）多個人。

因此，例如每次我點擊下面的「添加」按鈕，它都會發出一個AJAX請求，將它們添加到數據庫中。現在

<ul> 
    <li>Ben <a href="#" onclick="return addPerson(1);">Add</a></li> 
    <li>Sarah <a href="#" onclick="return addPerson(2);">Add</a></li> 
    <li>Chantelle <a href="#" onclick="return addPerson(3);">Add</a></li> 
    <li>Alan <a href="#" onclick="return addPerson(4);">Add</a></li> 
</ul> 

如果我點擊添加按鈕的每個人，一個接一個，我不認爲排隊每人一個Ajax請求將是一個很好的利用資源。另外它會很慢。

我在想什麼可能是延遲或沿着這些行後點擊每個「添加」按鈕。因此它記錄了我點擊的人的所有ID，併爲所有點擊的人發送了一個Ajax請求。

有沒有現有的腳本，或者你能推薦我如何做到這一點？

Answer 1

會這樣的伎倆嗎？

var sendDelay; 
var peopleToSend = []; 
addPerson = function(id) { 
    if (sendDelay!=null) { 
     clearTimeout(sendDelay); // Clear timeout 
    } 
    sendDelay=setTimeout(addPersonDelayComplete,2000); // Reset timeout 
    peopleToSend.push(id); // Add person to array 
} 

addPersonDelayComplete = function() { 
    // Send the people in peopleToSend in a single ajax call here 
    peopleToSend.length = 0; // Reset the array 
}