如何排队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 
}