Question

在前一个ajax事件完成之前阻止的好方法是什么？

我跟着How can you make a vote-up-down button like in Stackoverflow?但是如果我足够快地点击按钮，它会向服务器发送多个（也许是不一致的）事件。我该如何制作它会迫使用户在另一次点击之前等待？

编辑：我也不希望它全局阻止 - 只是为了那个按钮/项目。我需要维护哈希吗？

Answer 1

好吧，因为我写了，我想我也可以回答这个问题;）

执行此操作的“常见”方法是通过设置一个指示变量来表示请求正在进行中，并在所有事情发生之前/之后相应地更新。对于我在该问题中的代码，您可以按如下方式编辑它：

在点击功能之外，添加：

var voting = false; // not initially voting

在点击功能中，在最顶部，添加：

if(voting) return false; // if voting, return
voting = true; // if not, set voting to true

在两个帖子回调中，添加：

voting = false; // done voting, set back to false

如果您想在每个问题/答案/项目的基础上维护一个指标，您可以这样做：

首先，替换此代码：

var id = $(this).parents('div.answer').attr('id').split('_')[1];

有了这个：

var parent = $(this).parents('div.answer'); // get the parent div
if(parent.data('voting')) return false; // if voting, return
parent.data('voting', true); // if not, update the marker
var id = parent.attr('id').split('_')[1]; // get the id

然后在两个帖子回调中，添加：

parent.data('voting', false); // done voting, set back to false

在这种情况下，我们将使用jQuery的data来存储包含DIV中特定问题/答案/项目的投票状态，并在发生任何事情时相应地更新它。

希望这有帮助。

Answer 2

使用jQuery.fn.one绑定事件一次，然后在回调函数

中再次绑定它

myFunc = function() {
   $.post(url, data, function(data){
      $('#button').one('click', myFunc)
   }
};

$('#button').one('click', myFunc);

Answer 3

使用开始和结束AJAX事件设置一个全局变量，指示忙，直到请求完成。显示正在执行操作的消息，以便建议用户。

Jquery有很多功能可以帮助它，如果它适合你的应用程序：

http://docs.jquery.com/Ajax

在jquery中防止重复的ajax事件

3 个答案: