Open In App

JQuery deferred.resolveWith() method

Improve
Improve
Like Article
Like
Save
Share
Report

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>   
    <body style="text-align:center;">
        <h1 style="color:green;">  
            GeeksForGeeks  
        </h1
        <p id="GFG_UP"
        </p>
        <button onclick = "Geeks();">
        click here
        </button>
        <p id="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>   
    <body style="text-align:center;">
        <h1 style="color:green;">  
            GeeksForGeeks  
        </h1
        <p id="GFG_UP"
        </p>
        <button onclick = "Geeks();">
        click here
        </button>
        <p id="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:


Last Updated : 16 Jul, 2020
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads