jQuery ajaxComplete() Method

Last Updated:

jQuery ajaxComplete() Method

jQuery will trigger the ajaxComplete() method whenever an Ajax request completes. This method should only be attached to document.

Example

HTML Online Compiler
<!DOCTYPE html> <html lang="en-US"> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> </head> <body> <h1>jQuery ajaxComplete() Method</h1> <p>Click on the button and check your console.</p> <button>Click Me</button> <script> $(document).ready(function(){ $("button").click(function(){ $.getJSON("/data.json", function(data){ console.log(data); }); }); $(document).ajaxComplete(function() { alert("AJAX request completed."); }); }); </script> </body> </html>

Syntax

$.ajaxComplete(function(event, xhr, options));

Parameter Values

Value Type Explanation
event Optional Contains the event object.
xhr Optional Contains the XMLHttpRequest object.
options Optional Contains the used options in AJAX request.

Browser Support

Devicedesktopmobile
Browsergoogle chromesafarifirefoxinternet Exploreredgeoperagoogle chromesafarifirefoxedgeoperaandroid webviewsamsung internet
ajaxComplete()YesYesYesYesYesYesYesYesYesYesYesYesYes

Share this Page

Meet the Author