javascript - ajax帖子隐藏按钮

Question

这个问题不太可能对任何 future 的访客有帮助；它只与一个较小的地理区域、一个特定的时间点或一个非常狭窄的情况相关，通常不适用于全世界的互联网受众。如需帮助使此问题更广泛适用， visit the help center 。

已关闭 10 年前。

我在获取 Ajax 帖子以禁用必须提交数据的按钮时遇到问题。下面是我的代码，我环顾四周，一切看起来都对我来说，但它没有禁用按钮，我尝试使用 $("#refreshButton").attr("disabled", true);和$("#refreshButton").removeAttr("disabled");但也没有成功。

$(document).ready(function () {
    $.ajax({
        type: "POST",
        async: false,
        beforeSend: function (request) {
            $("#refreshButton").attr("disabled", true); 
            request.setRequestHeader("AUTHORIZATION", authorizationToken);
        },
        url: url,
        dataType: "xml",
        success: function (xml) {
            //Do Something here
        });
        },
        error: function (x, status, error) {
            //errors                
        }
    });
})
$("#refreshButton").removeAttr("disabled");

这是我的按钮:

<input id="refreshButton" type="button" onclick="RefreshDataSubmit();" value="Refresh"/>

感谢任何人提供的任何帮助。

Answer 1

一旦 ajax 调用完成，您就必须启用该按钮，并且您将在 always 处理程序中执行此操作，因为您不应该使用 async false，并且这将始终启用按钮，无论 ajax 调用的结果如何(失败或完成)。
现在的问题是，您在 DOM 就绪函数之外启用按钮，因此选择器找不到该元素，或者它在 ajax 调用之前执行，因为文档就绪是异步的。

$(document).ready(function () {
    $.ajax({
        type: "POST",
        beforeSend: function (request) {
            $("#refreshButton").prop("disabled", true); 
            request.setRequestHeader("AUTHORIZATION", authorizationToken);
        },
        url: url,
        dataType: "xml"
    }).done(function (xml) {
         //Do Something here
    }).fail(function (x, status, error) {
         //errors                
    }).always(function() {
         $("#refreshButton").removeProp("disabled");
    });
});