成功后出现消息弹出窗口并禁用“提交”按钮

Question

我有一个ajax函数，它将从servlet获取消息。 消息成功后，我想显示成功消息并禁用提交按钮，该怎么办？ 请帮助我，非常感谢您的支持！

这是我的代码：

    <button id="send" onclick="ajaxSent()">SUBMIT</button>

function ajaxSent() { 
  $.ajax({
  url:'/ApiSend.cfm',
  data:{lname:l, pid:pid },
  type:'get',
  cache:false,
  success:function(data){

     if (data == null) {
      alert("Try Again!");
     }else if(data == 'success'){
      alert("Transaction Sent Successfully...");
     }
  },
 }
);
}

Answer 1

使用禁用的属性。

success:function(data){
     if (data == null) {
      alert("Try Again!");
     }else if(data == 'success'){
      alert("Transaction Sent Successfully...");
     $("#send").prop("disabled", true);
     }

Answer 2

只要在成功下运行即可。

$( "#send" ).remove();

我希望这有帮助！