método jQuery diferido .promise()

Este método .promise() en JQuery Devuelve un objeto Promise para ser observado cuando terminan ciertas acciones de tipo limitadas a la colección, en cola o no.

Sintaxis:

.promise([type][, target])

Parámetros:

type : este parámetro especifica el tipo de cola que debe observarse.
target : este parámetro especifica el objeto en el que se deben adjuntar los métodos de promesa.

Valor de retorno : este método devuelve una Promesa generada dinámicamente que se resuelve una vez que las acciones vinculadas a la colección, en cola o no, han finalizado.

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.when() 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.when() method";
        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>
    <title> 
      JQuery.when() 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.when() method";
        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