This deferred.resolveWith() method in JQuery is used to resolve a Deferred object and call the doneCallbacks along with the given context and arguments.
Syntax:
deferred.resolveWith(context[, args])
Parameters:
- context: This parameter is the context passed to the doneCallbacks as the ‘this’ object.
- args: This parameter is an optional array of arguments which are passed to the doneCallbacks.
Return Value: This method method returns the deferred object.
There are two examples discussed below:
-
Example: In this example, We resolve the Deferred object with two arguments and process any doneCallbacks.
<!DOCTYPE HTML><html><head><title>JQuery | deferred.resolveWith() 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.resolveWith() method";function Func(val, div){$(div).append(val);}function Geeks() {var def = $.Deferred();def.done(Func);def.resolveWith(this, ['Deferred is resolved by resolveWith() method.<br/>', '#GFG_DOWN']);}</script></body></html> -
Output:
-
Example: In this example, We resolve the Deferred object with only one arguments and process any doneCallbacks.
<!DOCTYPE HTML><html><head><title>JQuery | deferred.resolveWith() 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.resolveWith() method";function Func(div){$(div).append('Deferred is resolved by resolveWith() method');}function Geeks() {var def = $.Deferred();def.done(Func);def.resolveWith(this, ['#GFG_DOWN']);}</script></body></html> -
Output: