jQuery deferred.done() Method
This deferred.done() method in jQuery is used to add handlers which are to be called when the deferred object is resolved.
Syntax:
deferred.done(Callbacks [, Callbacks])
Parameters:
- Callbacks: This parameter specifies a function, or array of functions, which are called when the Deferred is resolved.
- Callbacks: This parameter specifies an optional additional functions, or arrays of functions, which are called when the Deferred is resolved.
Return Value: This method returns the deferred object.
Example 1:
html
<!DOCTYPE HTML> < html > < head > < script src = </ script > </ head > < body style = "text-align:center;" > < h1 style = "color:green;" > GeeksForGeeks </ h1 > < p > JQuery | deferred.done() method </ p > < button onclick = "Geeks();" > click here </ button > < script > function Geeks() { $.get("testingGFG.php").done(function () { alert("$.get successfully completed!"); }); } </ script > </ body > </ html > |
Output:
Before clicking on button:
After clicking on button:
Example 2:
html
<!DOCTYPE HTML> < html > < head > < script src = </ script > </ head > < body style = "text-align:center;" > < h1 style = "color:green;" > GeeksForGeeks </ h1 > < p > JQuery | deferred.done() method </ p > < button onclick = "Geeks();" > click here </ button > < p id = "GFG_DOWN" ></ p > < script > var el_down = document .getElementById("GFG_DOWN"); function Geeks() { $.get("testingGFG.php") .done(function () { el_down.innerHTML = "$.get successfully completed"; }); } </ script > </ body > </ html > |
Output: