在AJAX请求时禁用按钮

前端之家收集整理的这篇文章主要介绍了在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相关文章