Método JQuery when() – Barcelona Geeks

Este método JQuery.when() en JQuery brinda una forma de ejecutar funciones de devolución de llamada dependiendo de cero o más objetos de Thenable, que generalmente son objetos diferidos que representan eventos asíncronos.

Sintaxis:

jQuery.when(deferreds)

Parámetros:

deferreds : este parámetro especifica cero o más objetos de Thenable.

Valor de retorno : este método devuelve una promesa.

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>
    <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.when() method
    </p>
    <button onclick = "Geeks();">
    click here
    </button>
    <p id="GFG_DOWN"> 
    </p>
    <script>
        var def = $.Deferred();
        function Geeks() {
            $.when().then(function(a) {
            alert(
            "when() method called this alert()." );
            });
        } 
    </script> 
</body>   
</html>        

Salida :
antes de hacer clic en el botón:

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

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

<!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.when() method 
    </p>
    <button onclick = "Geeks();">
    click here
    </button>
    <p id="GFG_DOWN"> 
    </p>
    <script>
        var def = $.Deferred();
        function Geeks() {
            $.when(def).done(function (x) {
                $('#GFG_DOWN').append(
                 'when() method is executed.')
            });
            def.resolve();
        } 
    </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