在AJAX请求时禁用按钮

点击按钮后，我想禁用。我写我的代码如下：

$("#ajaxStart").click(function() {
                $("#ajaxStart").attr("disabled",true);
                $.ajax({
                       url: 'http://localhost:8080/jQueryTest/test.json',data: { 
                            action: 'viewRekonInfo'
                       },type: 'post',success: function(response){
                           //success process here
                           $("#alertContainer").delay(1000).fadeOut(800);
                       },error: errorhandler,dataType: 'json'
                });
                $("#ajaxStart").attr("disabled",false);
            });

但按钮未禁用。而我删除$(“#ajaxStart”)。attr(“disabled”，false);该按钮被禁用。

为什么这可能发生在上面的代码，我认为代码序列是正确的。

put $(“#ajaxStart”)。attr(“disabled”，false);里面的成功功能：

$("#ajaxStart").click(function() {
    $("#ajaxStart").attr("disabled",true);
    $.ajax({
        url: 'http://localhost:8080/jQueryTest/test.json',data: { 
            action: 'viewRekonInfo'
        },success: function(response){
            //success process here
            $("#alertContainer").delay(1000).fadeOut(800);

            $("#ajaxStart").attr("disabled",false);
        },dataType: 'json'
    });
});

这将确保在数据加载后禁用被设置为false …目前，您禁用并启用同一个点击功能中的按钮，即同时。

在AJAX请求时禁用按钮

相关文章