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> 

今、私は、資源の有効利用となり、それぞれの人のための1つのAJAX要求をキューイングとは思いません。プラスそれは遅いでしょう。

「追加」ボタンをクリックした後に、私が考えているのは遅れか、それに沿ったものです。だから私はクリックした人のすべてのIDを記録し、クリックされたすべての人に対して1つの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 
}