jQuery and JavaScript Phrasebook

Using Global Event Handlers

Click here to view code image

$(document).ajaxStart(function(){   $("form").addClass("processing"); }); $(document).ajaxComplete(function(){   $("form").removeClass("processing"); });

jQuery provides methods to create global event handlers that are called on events such as initialization or completion for all AJAX requests. The global events are fired on each AJAX request. Table 13.2 lists the methods that can be used to register global event handlers.

An example of using a global event handler to set the class of a form is shown here:

Click here to view code image

$(document).ajaxStart(function(){   $("form").addClass("processing"); }); $(document).ajaxComplete(function(){   $("form").removeClass("processing"); ...