禁用成功响应按钮

时间:2019-06-01 10:30:49

标签: javascript ajax

我在询问是否可以在成功响应时禁用我的按钮 正在

$('#success').text(res.response); returns success 

$('#error').text(res.error); returns error 

所以我想禁用$('#success').text(res.response);上的按钮

这是我尝试过的

success: function(res) {
if (res) {
$("#Submit").attr("disabled", true);
        $('#success').text(res.response);
} else {
        $('#error').text(res.error);
        }
      },

...

  $(document).ready(function () {
        $("#Submit").click(function(event) {
           Execute();
           $("#Submit").attr("disabled", true);
        });

        function Execute(){
          $.ajax({
            type: 'POST',
            url: 'test.php',
            data: { 'email': $("input[name='email']").val() },
            success: function(res) {
                $('#success').text(res.response);
                $('#error').text(res.error);
            },
            error: function(resp) {
              alert("failed");
            }
          });
        };

      });

1 个答案:

答案 0 :(得分:0)

success: function(res) {
    // I presume you return NON EMPTY `res.error` ONLY in case of error:
    if (!res.error) {
        $("#Submit").attr("disabled", true);
    } else {
        $('#success').attr(res.response);
        $('#error').text(res.error);
    }
},