jQuery Disable Button Until Ajax Request Complete

July 19, 2018 by admin

$.ajax({ url: url, success: function(data){ //The jquery Ajax request was a success. //Do something in here. }, complete: function(){ //jquery Ajax request is finished, so we can enable //the button again. $('#infinityknow_btn').attr("disabled", false); } }); });

[/php]

Put $(“#start_ajax_req”).attr(“disabled”, false); inside the success function:

[php]
$(“#start_ajax_req”).click(function() {
$(“#start_ajax_req”).attr(“disabled”, true);
$.ajax({
url: ‘http://infinityknow.com/jQueryTest/test.json’,
data: {
action: ‘StudentInfo’
},
type: ‘post’,
success: function(response){
//success process here
$(“#success+display”).delay(1000).fadeOut(800);

$(“#start_ajax_req”).attr(“disabled”, false);
},
error: errorhandler,
dataType: ‘json’
});
});
[/php]

We hope you get an idea about jQuery Disable Button Until Ajax Request Complete
We would like to have feedback on my Information blog .
Your valuable any feedback, Good question, Inspirational Quotes, or Motivational comments about this article are always welcome.
If you liked this post, Please don’t forget to share this as Well as Like FaceBook Page.

We hope This Post can help you…….Good Luck!.