Método JQuery diferido.then()

Este método deferred.then() en JQuery se usa para agregar controladores que se llamarán cuando el objeto Deferred se resuelva, rechace o esté en progreso.

Sintaxis:

deferred.then(doneCallbacks[, failCallbacks][, progressCallbacks])

Parámetros:

doneCallbacks: esta es una función, o una array de funciones, que se llama cuando se resuelve el Diferido.
failCallbacks: esta es una función, o una array de funciones, que se llama cuando se rechaza el Diferido.
ProgressCallbacks: esta es una función, o una array de funciones, que se llama cuando se envían notificaciones de progreso al objeto Diferido.

Valor devuelto: este método método devuelve el objeto diferido.

Hay dos ejemplos discutidos a continuación:

Ejemplo: En este ejemplo, el método then() se llama con el método de notificación y resolución.

<!DOCTYPE HTML> 
<html>  
<head> 
    <title> 
      JQuery | deferred.then() method
    </title>
    <script src="https://code.jquery.com/jquery-3.5.0.js">
</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.then() method";
        function Func1(val, div){
          $(div).append("From doneCallbacks - " + val);
        }
        function Func2(val, div){
          $(div).append("From failCallbacks - " + val);
        }
        function Func3(val, div){
          $(div).append("From progressCallbacks - " + val);
        }
        function Geeks() {
            var def = $.Deferred();
            def.then(Func1, Func2, Func3);
            def.notify('Deferred "def" is notified.<br/>'
                     , '#GFG_DOWN');
            def.resolve('Deferred "def" is resolved.<br/>'
                     , '#GFG_DOWN');
        } 
    </script> 
</body>   
</html>      
     

Producción:

Ejemplo: En este ejemplo, el método then() se llama con el método de notificación y rechazo.

<!DOCTYPE HTML> 
<html>  
<head> 
    <title> 
      JQuery | deferred.then() method
    </title>
    <script src="https://code.jquery.com/jquery-3.5.0.js">
    </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.then() method";
        function Func1(val, div){
          $(div).append("From doneCallbacks - " + val);
        }
        function Func2(val, div){
          $(div).append("From failCallbacks - " + val);
        }
        function Func3(val, div){
          $(div).append("From progressCallbacks - " + val);
        }
        function Geeks() {
            var def = $.Deferred();
            def.then(Func1, Func2, Func3);
            def.notify('Deferred "def" is notified.<br/>',
                       '#GFG_DOWN');
            def.reject('Deferred "def" is rejected.<br/>',
                       '#GFG_DOWN');
        } 
    </script> 
</body>   
</html> 

Producción:

Publicación traducida automáticamente

Artículo escrito por PranchalKatiyar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta Cancelar la respuesta