Método JQuery .Deferred() – Barcelona Geeks

Este método JQuery.Deferred() en JQuery es una función que devuelve el objeto de utilidad con métodos que pueden registrar múltiples devoluciones de llamada a las colas. Llama a las colas de devolución de llamadas y transmite el estado de éxito o falla de cualquier función síncrona o asíncrona.

Sintaxis:

jQuery.Deferred([beforeStart])

Parámetros:

beforeStart : esta es una función, que se llama justo antes de que regrese el constructor.

Valor devuelto : este método crea y devuelve un nuevo objeto diferido.

Hay dos ejemplos discutidos a continuación:

Ejemplo : en este ejemplo, Deferred() se usa para crear un nuevo objeto y luego se llama al método then() con el método de notificación y resolución.

<!DOCTYPE HTML> 
<html>  
<head> 
    <title> 
      JQuery.Deferred() 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() 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>

Salida :

Ejemplo : en este ejemplo, se usa el método Deferred() y se verifica el estado del objeto Deferred.

<!DOCTYPE HTML> 
<html>  
<head> 
    <title> 
      JQuery.Deferred() 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() method";
        var def = $.Deferred();
        def.resolve();
        function Geeks() {
            $('#GFG_DOWN').text(
       'deferred state is ' + def.state());
        } 
    </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