Método JQuery deferred.state()

Este método deferred.state() en JQuery se usa para determinar el estado actual de un objeto Diferido.
Sintaxis:

deferred.state()

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

Hay dos ejemplos discutidos a continuación:

Ejemplo: En este ejemplo, el estado del objeto diferido ‘def’ está pendiente.

<!DOCTYPE HTML> 
<html>  
<head> 
    <title> 
      JQuery | deferred.state() 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.state() method";
        var def = $.Deferred();
        function Geeks() {
         $('#GFG_DOWN').text('deferred state is ' + def.state());
        } 
    </script> 
</body>   
</html>

Producción:

Ejemplo: En este ejemplo, el estado del objeto diferido ‘def’ está pendiente y al hacer clic en el botón cambia a resuelto.

<!DOCTYPE HTML> 
<html>  
<head> 
    <title> 
      JQuery | deferred.state() 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.state() method";
        var def = $.Deferred();
        def.always(Func);
        $('#GFG_DOWN').append(
          'Deferred state is ' + def.state() + '</br>');
        function Func(val, div){
          $(div).append(val);
        }
        function Geeks() {
            def.resolve(
      'Our deferred is resolved now. <br />', '#GFG_DOWN');
            $('#GFG_DOWN').append( 
'Current state of deferred is ' + def.state() + ' <br />');
        } 
    </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