Open In App

JQuery deferred.notifyWith() method

Improve
Improve
Like Article
Like
Save
Share
Report

This deferred.notifyWith() method in JQuery is used to call the progressCallbacks on a Deferred object along with the provided context and args.
Syntax:

deferred.notifyWith(context[, args])

Parameters:

  • context: This parameter is the context passed to the progressCallbacks as the ‘this’ object.
  • args: This parameter is an optional array of arguments which are passed to the progressCallbacks.

Return Value: This method returns the deferred object.

There are two examples discussed below:
Example-1: In this example, We notify the Deferred object with two arguments and process any progressCallbacks before rejecting it.




<!DOCTYPE HTML> 
<html>  
<head
    <title
      JQuery | deferred.notifyWith() method
    </title>
    <script src=
</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.notifyWith() method";
        function Func(val, div){
          $(div).append('From function "Func": ' + val);
        }
        function Geeks() {
            var def = $.Deferred();
            def.progress(Func);
            def.notifyWith(
this, ['notifyWith() is called with arguments. <br />', '#GFG_DOWN']);
        
    </script
</body>   
</html>       
     


Output:

Example-2: In this example, We notify the Deferred object with only one arguments and process any progressCallbacks before resolving it.




<!DOCTYPE HTML> 
<html>  
<head
    <title
      JQuery | deferred.notifyWith() 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.notifyWith() method";
        function Func(val, div){
          $(div).append('From function "Func": ' + val);
        }
        function Geeks() {
            var def = $.Deferred();
            def.done(Func);
            def.progress(Func);
            def.notifyWith(this, ['#GFG_DOWN']);
            def.resolve('Deferred is resolved.<br />', '#GFG_DOWN')
        
    </script
</body>   
</html>  


Output:



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