javascript - 使用ajax提交表单，然后禁用按钮

Question

我的脚本可以运行，但有一件事我无法解决。

  $(function () {
        $('#form_<?php echo $i; ?>' ).on('submit', function (e) {
          e.preventDefault();
          $.ajax({
            type: 'post',
            url: 'akcija_gaz_2l_insert.php',
            data: $('#form_<?php echo $i; ?>').serialize(),
            success: function () {
                //alert('form is submited');
            }
          });
          $("submit, input[type='submit']").click(function()
          {
          $(this).prop('disabled', true);
          $(this).css("color", "#15FF00");
          });
        });
      });

第一次点击提交表单，第二次点击禁用按钮并将颜色更改为绿色。有人可以向我解释为什么这个功能需要点击两次吗？我想同时完成这两项操作。

Answer 1

试试这个，在你的成功功能中禁用按钮并更改按钮颜色，如下所示

success: function(){
     $("#bttonID").attr("disabled", true);
     $("#bttonID").css("background","#15FF00");
},