Método jQuery diferido.always()

Este método deferred.always() en jQuery se usa para agregar controladores que se llamarán cuando el objeto Deferred se resuelva o cuando se rechace. Los argumentos especificados pueden ser una sola función o una array de funciones.

Sintaxis:

deferred.always( alwaysCallbacks [, alwaysCallbacks] )

Parámetros: este método acepta dos parámetros, como se mencionó anteriormente y se describe a continuación:

  • alwaysCallbacks: este parámetro especifica una función o una array de funciones, que se llama cuando se resuelve o se rechaza el aplazado.
  • alwaysCallbacks: este parámetro especifica una cantidad de funciones o una array de funciones, que se llaman cuando se resuelve o se rechaza el Diferido. Es un parámetro opcional.

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

Ejemplo 1:

<!DOCTYPE HTML>
<html>
  
<head>
    <title>
        JQuery deferred.always() 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>
  
    <script>
        var el_up =
            document.getElementById("GFG_UP");
  
        el_up.innerHTML =
            "JQuery | deferred.always() method";
  
        function Geeks() {
  
            // Use the always() method to
            // alert the user
            $.get("testingGFG.php")
                    .always(function () {
                alert("Either $.get successfully"
                    + " completed or error "
                    + "callbacks arguments");
            });
        } 
    </script>
</body>
  
</html>

Producción:

  • Antes de hacer clic en el botón:
  • Después de hacer clic en el botón:

Ejemplo 2:

<!DOCTYPE HTML>
<html>
  
<head>
    <title>
        JQuery | deferred.always() 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");
        var el_down =
            document.getElementById("GFG_DOWN");
        el_up.innerHTML =
            "JQuery | deferred.always() method";
  
        function Geeks() {
  
            // Use the always() method to
            // change the text
            $.get("testingGFG.php").always(function () {
                el_down.innerHTML = "Either $.get "
                    + "successfully completed" +
                    " or error callbacks arguments";
            });
        } 
    </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 *