jQuery's ajaxStart

Question

I am using such construction:

$('#wait').ajaxStart(function() { if ($(this).not(':visible')) $(this).showWarning(); }).ajaxComplete(function() { if ($(this).is(':visible')) $(this).hideWarning(); }).ajaxError(function() { alert('Unexpected error...'); });

And I want to disable submit button every time the user clicks on it. In order to make it universal - I want to do it in ajaxStart method, so is there any way to get the button's id which initialized the request? Thank you

you can use global variable to hold ID of button and use it in ajaxStart function. — Govind Malviya
– Govind Malviya, Commented Apr 4, 2012 at 5:59
@sub_stantial: what do you mean? To which function should I pass the button click event? — nKognito
– nKognito, Commented Apr 4, 2012 at 6:03

xdazz · Accepted Answer · 2012-04-04 06:16:49Z

Give all of your submit button a class, for example: submitBtn, then

$('.submitBtn').ajaxStart(function() { $(this).prop('disabled', true); }).ajaxComplete(function() { $(this).prop('disabled', false); });

Subodh · Accepted Answer · 2012-04-04 06:15:29Z

0

Assuming you can pass the button click event to the function here, you can do it like this :

$('#wait').ajaxSend(function(event) { //pass event object $(event.target).css('disabled','disabled'); //get event target if ($(this).not(':visible')) $(this).showWarning(); }).ajaxComplete(function() { if ($(this).is(':visible')) $(this).hideWarning(); }).ajaxError(function() { alert('Unexpected error...'); });

edited Apr 4, 2012 at 6:15

answered Apr 4, 2012 at 6:02

Subodh

2,21418 silver badges22 bronze badges

7 Comments

nKognito Over a year ago

According to jQuery's manual (api.jquery.com/ajaxStart) the callback function does not receives any parameters

Subodh Over a year ago

My mistake, it should be ajaxSend and not ajaxStart. You can pass events to ajaxSend, check it out here api.jquery.com/ajaxSend

nKognito Over a year ago

Actually, ajaxStart works fine with parameters, but its target field refers to $('#wait') and not to initial button

Subodh Over a year ago

what does event.target returns you ?

nKognito Over a year ago

$('#wait') - the parent div or the source.. I don't know how to call it

|

Collectives™ on Stack Overflow

jQuery's ajaxStart

2 Answers 2

Comments

7 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

7 Comments

Linked

Related