jquery - 如何防止用户过快单击按钮，以防止额外的 ajax 请求？

Question

想象一个用于喜欢或投票页面的按钮。我需要这个按钮来发送 Ajax 请求来记录用户的喜好。

多次快速点击按钮，导致多次Ajax请求。
我该如何解决这个问题？
当人们点击按钮(span)时，我需要阻止它再次发送 Ajax 请求，直到上一个 Ajax 请求完成

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<span onclick="send_ajax(this)">send_ajax</span>
<script type="text/javascript">

    function send_ajax(node){
        $.ajax({
            url:'ajax.php',
            type:'POST',
            data: {},
            success:function() {

            }
        });
    }
</script>

Answer 1

这个怎么样？

var processing = false; 
function send_ajax(node){
  if(!processing){
    processing = true;
    $.ajax({
        url:'ajax.php',
        type:'POST',
        data:{},
        success:function(){
              processing = false;
        }
    });
  }
}