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

我的脚本正在运行，但有一件事我无法解决

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

$（函数（）{
$（'表格'）。关于（'提交'，函数（e）{
e、 预防默认值（）；
$.ajax({
键入：“post”，
url:'akcija_gaz_2l_insert.php'，
数据：$（'#form'）。序列化（），
成功：函数（）{
//警报（“已提交表格”）；
}
});
$（“提交，输入[type='submit']”）。单击（函数（）
{
$（this.prop（'disabled'，true）；
$（this.css（“color”，“#15FF00”）；
});
});
});

---

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

需要两次单击，因为只有在发生

提交

时，您才处理

单击

事件。您应该在

success

功能中或直接在提交功能中处理按钮更改

$(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']").prop('disabled', true);
            $("submit, input[type='submit']").css("color", "#15FF00");
        }
      });
    });
  });

$（函数（）{
$（'表格'）。关于（'提交'，函数（e）{
e、 预防默认值（）；
$.ajax({
键入：“post”，
url:'akcija_gaz_2l_insert.php'，
数据：$（'#form'）。序列化（），
成功：函数（）{
//警报（“已提交表格”）；
$（“提交，输入[type='submit']”）。prop（'disabled'，true）；
$（“提交，输入[type='submit']”）css（“颜色”，“#15FF00”）；
}
});
});
});

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

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

---

谢谢解释@hulotheno prob mate，别忘了把它写成书面回答不明白你所说的书面回答是什么意思@shakirtheir在选票下方写上标记，您必须单击该标记才能接受答案