jQuery deferred.state() Method

Last Updated:

jQuery deferred.state() Method

The jQuery deferred.state() method determines the current state of a Deferred object.

Note: This method does not accept any arguments.

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.state() Method</h1> <button>Check deferred state</button> <script> $(document).ready(function(){ $("button").click(function(){ var deferred = $.Deferred(); alert("deferred state is " + deferred.state()); deferred.then(function(value) { alert(value); alert("deferred state is " + deferred.state()); return 42; }).then(function(id){ alert('The answer : ' + id); alert("deferred state is " + deferred.state()); }); deferred.resolve("hello world"); }); }); </script> </body> </html>

Syntax

deferred.state;

Return Values

Value Explanation
pending The Deferred object is not yet in a completed state (neither "rejected" nor "resolved").
resolved The Deferred object is in the resolved state.
rejected The Deferred object is in the rejected state.

Browser Support

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

Share this Page

Meet the Author