In jQuery, the `ajaxComplete()` method is used to specify a function that runs when an AJAX request completes.
##
### Syntax
```
$(document).ajaxComplete(function(event, xhr, options));
```
##
### Parameters
This method accepts a mandatory function that accepts the following parameters.
* `event`: The event object
* `xhr`: The instance of `XMLHttpRequest` object
* `options`: The options used in AJAX request.

### Example

The following tab will show the `ajaxComplete()` function in action: 

> Press the "Get Product Data" button to see it in action

<html>
 <head>
   <title>jQuery | ajaxComplete() 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(){
  $("#btn").click(function(){
    $.ajax({
      url: 'https://reqres.in/api/products',
      method: "GET",
      processData: false,
      contentType: false,
      dataType: 'json',
      success: function(res) {
        $('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`);
        });
      },
      error: function(err) {
        $("#content").html(`Request failed due to ${err}`);
      }
    });
  })
  $(document).ajaxComplete(() => {
    console.log("Ajax request completed");
  })
})

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

codemirror

console

##
### Explanation

We have made a GET request on https://reqres.in/api/products to fetch some product details.

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


What is ajaxComplete() method in jQuery?

Syntax

Parameters

Example

Explanation