Método JQuery deferred.pipe()

El método deferred.pipe() en jQuery se usa para agregar un método de utilidad para filtrar, enstringr Deferreds.

Sintaxis:

deferred.pipe([doneFilter][, failFilter][, progressFilter])

Parámetros: Este método acepta tres parámetros como se mencionó anteriormente y se describe a continuación:

  • doneFilter: Es una función opcional a la que se llama cuando se resuelve el Deferred.
  • failFilter: Esta es una función opcional que se llama cuando se rechaza el Diferido.
  • ProgressFilter: esta es una función opcional que se llama cuando se envían notificaciones de progreso al objeto Diferido.

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

Ejemplo 1: en este ejemplo, el método de canalización se llama con el método de resolución.

html

<!DOCTYPE HTML>
<html>
 
<head>
    <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>
        JQuery | deferred.pipe() method
    </p>
 
 
    <button onclick="Geeks();">
        click here
    </button>
     
    <p id="GFG"></p>
 
 
    <script>
        function Geeks() {
            var def = $.Deferred(),
                filter = def.pipe(function (val) {
                    return "pipe() is called with "
                                + val;
                });
 
            def.resolve('resolve method');
            filter.done(function (val) {
                $('#GFG').append(val);
            });
        }
    </script>
</body>
 
</html>

Producción:

Ejemplo 2: En este ejemplo, el método de canalización se llama con el método de rechazo.

html

<!DOCTYPE HTML>
<html>
 
<head>
    <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>
        JQuery | deferred.pipe() method
    </p>
 
 
    <button onclick="Geeks();">
        click here
    </button>
 
    <p id="GFG"></p>
 
 
    <script>
        function Geeks() {
            var def = $.Deferred(),
                filter = def.pipe(null,
                        function (val) {
                    return "pipe() is called with "
                            + val;
                });
            def.reject('reject method');
            filter.fail(function (val) {
                $('#GFG_DOWN').append(val);
            });
        }
    </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

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *