jQuery ile yapabilirsin. Ama anladığım kadarıyla hiç kullanmamışsın. En basit örneği ile
<button class="btn btn-primary" id="btn1">Buton 1</button>
<button class="btn btn-info" id="btn2">Buton 2</button>
Javascript;
$(document).ready(function(){
$('#btn1').on('click', function(){
var btn = $(this);
btn.attr('disabled','disabled');
btn.text('İşlem gerçekleşiyor...');
$.ajax({
type: 'POST',
data: {formParam1: 'Deneme', formParam2: 'Deneme'},
url: '/Url',
success: function(response){
alert('İşlem Başarılı Buton Silinecek');
btn.remove(); // Silmek için
//btn.text('İşlem Başarıyla Gerçekleşti'); // Silmeyin butonun özelliklerini de değiştirebilirsin
},
error: function(response){
alert ('Hata...');
}
})
});
$('#btn2').on('click', function(){
var btn = $(this);
btn.attr('disabled','disabled');
btn.text('İşlem gerçekleşiyor...');
$.ajax({
type: 'POST',
data: {formParam1: 'Deneme', formParam2: 'Deneme'},
url: 'http://example.com',
success: function(response){
alert('İşlem Başarılı Buton Silinecek');
btn.remove();
},
error: function(response){
alert ('Hata...');
console.log(response);
}
})
});
})
Örnek için
https://codepen.io/awersione/pen/vYYPjQb