This deferred.state() method in JQuery is used to determine the current state of a Deferred object.
Syntax:
deferred.state()
Return Value: This method returns the state of deferred object.
There are two examples discussed below:
-
Example: In this example, the state of deferred object ‘def’ is pending.
<!DOCTYPE HTML><html><head><title>JQuery | deferred.state() method</title></script></head><bodystyle="text-align:center;"><h1style="color:green;">GeeksForGeeks</h1><pid="GFG_UP"></p><buttononclick="Geeks();">click here</button><pid="GFG_DOWN"></p><script>var el_up = document.getElementById("GFG_UP");el_up.innerHTML = "JQuery | deferred.state() method";var def = $.Deferred();function Geeks() {$('#GFG_DOWN').text('deferred state is ' + def.state());}</script></body></html> -
Output:
-
Example: In this example, the state of deferred object ‘def’ is pending and by clicking on the button it changes to resolved.
<!DOCTYPE HTML><html><head><title>JQuery | deferred.state() method</title></script></head><bodystyle="text-align:center;"><h1style="color:green;">GeeksForGeeks</h1><pid="GFG_UP"></p><buttononclick="Geeks();">click here</button><pid="GFG_DOWN"></p><script>var el_up = document.getElementById("GFG_UP");el_up.innerHTML = "JQuery | deferred.state() method";var def = $.Deferred();def.always(Func);$('#GFG_DOWN').append('Deferred state is ' + def.state() + '</br>');function Func(val, div){$(div).append(val);}function Geeks() {def.resolve('Our deferred is resolved now. <br/>', '#GFG_DOWN');$('#GFG_DOWN').append('Current state of deferred is ' + def.state() + ' <br/>');}</script></body></html> -
Output: