# 
## Overview
In jQuery, the **`ajaxStop()` method** is used to specify a function that runs when an AJAX request completes.

## Syntax
```js
$(document).ajaxStop(function());
```
## Parameters
This method accepts only one parameter, which is the function that gets invoked when a request completes.

## Example


<html>
 <head>
   <title>jQuery | ajaxStop() example</title>
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
 </head>
 <body>
   <button id="btn">Get Product Data</button>
   <div id="content"/>
 </body>
</html>

$(document).ready(function(){
  // execute following function on click of button
  $("#btn").click(function(){
    // setting up an AJAX request
    $.ajax({
      url: 'https://reqres.in/api/products',
      method: "GET",
      processData: false,
      contentType: false,
      dataType: 'json',
      success: function(res) {
        // if request succeeds, append data to content div
        $('p').add(`<span>ID</span> <span>Name</span><br>`).appendTo(`#content`);
        $.each(res.data, function(index, obj) {
          $('p').add(`<span>${obj.id}</span> <span>${obj.name}</span><br>`).appendTo(`#content`);
        });
      }
    });
  });

  // when the request completes, execute ajaxStop method
  $(document).ajaxStop(() => {
    console.log("ajaxStop method executed. Request Completed.");
  })
})

button {
    background-color: #00008B;
    color: #ffffff;
    padding: 3px 9px;
    border: none;
    border-radius: 4px;
    height: 40px;
}

codemirror

console

We click the `Get Product Data` button and make an AJAX request on https://reqres.in/api/products to get product details.

When the AJAX request completes, the `ajaxStop()` method will be invoked.

What is the ajaxStop() method in jQuery?

Runs specified function after any AJAX request completes using $(document).ajaxStop(function()).