Listing 6.15: ajaxStart() and ajaxStop().

Chapter 6/06.js

@@ -84,4 +84,13 @@ $(document).ready(function () {
       $('#dictionary').html(data);
     });
   });
+
+  var $loading = $('<div id="loading">Loading...</div>')
+    .insertBefore('#dictionary');
+
+  $(document).ajaxStart(function () {
+    $loading.show();
+  }).ajaxStop(function () {
+    $loading.hide();
+  });
 });