ajax - AJAX 请求时禁用按钮

Question

我试图在单击按钮后禁用该按钮。我尝试过:

$("#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); 时，按钮将被禁用。

虽然这没有按预期工作，但我认为代码顺序是正确的。任何帮助将不胜感激。

Answer 1

将 $("#ajaxStart").attr("disabled", false); 放入 success 函数中:

$("#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);

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

这将确保数据加载之后将禁用设置为 false...当前您在同一点击功能中禁用和启用该按钮，即同时。