即:点击同一按钮连续多次发送同一AJAX请求

Question

我遇到了一个奇怪的问题。我已经使用jquery one()方法将click方法绑定到div。

但是，如果我连续点击这个div，那么在IE中它会执行3-4次AJAX方法。如果我禁用AJAX调用并编写一些其他DOM操作函数，它只会像预期那样执行一次。

我不知道为什么，但是当我包含AJAX调用时，就会出问题。

我在'http://jsfiddle.net/MCY4A/'上创建了示例代码，但不确定如何在jsfiddle中使用AJAX调用

谁来帮帮忙。

Answer 1

我可能不能正确理解您的要求，但我假设您只想在某个div单击时调用一次ajax请求，您可以使用以下代码：

//declare global var countReq

var reqSend=false;

$(document).ready(function(){
    $('#hitme').click(function(){
    if(!reqSend)    {
            $.ajax({
                  type: "POST",
                  url: 'http://jsfiddle.net/',
                }).success(function(res) {
                    $("#a").insert("<p>success</p>");
                }).error(function(res) {
                    $("#a").insert("<p>error</p>");
                });
reqSend=true;
}
    });
});