Use of ajaxStop() to trigger a function when Ajax requests are completed

Word Count: 98
  • Post category:RE Collective (21)
  • Post last modified:2021-08-23

Introduction

The ajaxStop() method specifies a function to run when ALL AJAX requests have completed.

When an AJAX request completes, jQuery checks if there are any more AJAX requests. The function specified with the ajaxStop() method will run if no other requests are pending.

jQuery(document).ajaxStop(function () {
   alert('All Ajax requests completed');
});

Usage in the project

This function is used on the RE Blog page in two areas:

  • Control the display of “Read More” for the Premium Blog widget.
  • Scroll to the section top when a page number of the navigation of the above widget is clicked.

Tags: ,