jQuery deferred.then() Method

Last Updated:

jQuery deferred.then() Method

The jQuery deferred.then() method adds handlers to be called when the Deferred object is resolved, rejected, or still in progress.

Example

HTML Editor
<!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 deferred.then() Method</h1> <p>Click on the button to check whether request succeeded or fail.</p> <button>Send Get Request</button> <script> $(document).ready(function(){ $("button").click(function(){ $.get("/greet.php", function(data){ alert(data); }).then(function() { alert("$.get is succeeded"); },function() { alert("$.get is failed!"); }); }); }); </script> </body> </html>

Syntax

deferred.then(successFilter, failFilter, progressFilter);

Parameter Values

Value Type Explanation
successFilter Required Specifies a function that is called when the Deferred is resolved.
failFilter Optional Specifies a function that is called when the Deferred is rejected.
progressFilter Optional Specifies a function that is called when progress notifications are sent to the Deferred.

Browser Support

Devicedesktopmobile
Browsergoogle chromesafarifirefoxinternet Exploreredgeoperagoogle chromesafarifirefoxedgeoperaandroid webviewsamsung internet
deferred.then()YesYesYesYesYesYesYesYesYesYesYesYesYes

Share this Page

Meet the Author