使用 ajax 内容响应启用和禁用按钮

Question

我不明白为什么它不和我一起工作。 我知道使用attr和prop启用和禁用按钮。

 $(document).on("click", "#btn", function(){
      $(this).html("Sending...");
      $(this).prop("disabled",true);
      // I have ajax content here. and in success of ajax. run
      $(this).prop("disabled",false);

ajax 成功没有启用按钮disable。 难道我的代码有什么问题。

Answer 1

在ajax内部，不要使用$(this) ，而可以这样做：

$(document).on("click", "#btn", function(){
     var button = $(this);

在ajax内部，则可以使用以下命令：

button.prop("disabled",true);

Answer 2

尝试这个

$(this).attr("disabled", "disabled");

Answer 3

如果要在另一个函数中引用它，则需要保存this的引用：

$(document).on("click", "#btn", function(){
    var button = $(this);
    button.html("Sending...");
    button.prop("disabled",true);
    // I have ajax content here. and in success of ajax. run
    button.prop("disabled",false);

另请参阅： https : //developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/this

Answer 4

AJAX中的$(this)不引用按钮，而是使用：

$('#btn').prop("disabled",false);

Answer 5

使用 async: true 如下:)

$('#button').attr("disabled", true);
$.ajax({
            url: url,
            data: data,
            type: 'post',
            dataType: 'json',
            cache: false,
            async: true,
            complete: function(response){
                $('#button').attr("disabled", false);
            },
        });