Método JQuery diferido.resolveWith()

Este método deferred.resolveWith() en JQuery se usa para resolver un objeto Deferred y llamar a doneCallbacks junto con el contexto y los argumentos proporcionados.
Sintaxis:

deferred.resolveWith(context[, args])

Parámetros:

context: este parámetro es el contexto pasado a doneCallbacks como el objeto ‘this’.
args: este parámetro es una array opcional de argumentos que se pasan a doneCallbacks.

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

Hay dos ejemplos discutidos a continuación:

Ejemplo: En este ejemplo, resolvemos el objeto Deferred con dos argumentos y procesamos cualquier doneCallbacks.

<!DOCTYPE HTML> 
<html>  
<head> 
    <title> 
      JQuery | deferred.resolveWith() 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.resolveWith() method";
      function Func(val, div){
        $(div).append(val);
      }
        function Geeks() {
            var def = $.Deferred();
            def.done(Func);
            def.resolveWith(
this, ['Deferred is resolved by resolveWith() method.
               <br />', '#GFG_DOWN']);
        } 
    </script> 
</body>   
</html>       

Producción:

Ejemplo: En este ejemplo, resolvemos el objeto Deferred con solo un argumento y procesamos cualquier doneCallbacks.

<!DOCTYPE HTML> 
<html>  
<head> 
    <title> 
      JQuery | deferred.resolveWith() 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.resolveWith() method";
        function Func(div){
          $(div).append(
              'Deferred is resolved by resolveWith() method');
        }
        function Geeks() {
            var def = $.Deferred();
            def.done(Func);
            def.resolveWith(this, ['#GFG_DOWN']);
        } 
    </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