DOM Traversal Methods

AJAX Methods
We can attach our event handler to any element:
$('.log').ajaxStop(function() {
$(this).log('Triggered ajaxStop handler.');
});
Now, we can make an AJAX request using any jQuery method:
$('.trigger').click(function() {
$('.result').load('ajax/test.html');
});
When the user clicks the button and the AJAX request completes, the log message
is displayed.
Because .ajaxStart(), .ajaxStop(), .ajaxSend(),
ajaxError(), and .ajaxComplete() are implemented as a methods
rather than global functions, we can use the keyword this as we do here
to refer to the selected elements within the callback function.
.ajaxSuccess()
Registers a handler to be called when AJAX requests are successfully completed.
.ajaxSuccess(handler)
Parameters
•
handler: The function to be invoked
Return Value
The jQuery object, for chaining purposes.
Description
Whenever an AJAX request is successfully completed, jQuery triggers the
ajaxSuccess event. All the handlers that have been registered with the
.ajaxSuccess() method are executed at this instant of time.
To observe this method in action, we can set up a basic AJAX load request:
Trigger
[ 166 ]