JQuery when()用法及代码示例

JQuery 中的这个 JQuery.when() 方法提供了一种根据零个或多个 Thenable 对象执行回调函数的方法，这些对象通常是表示异步事件的 Deferred 对象。

用法:

jQuery.when(deferreds)

参数：

deferreds:此参数指定零个或多个 Thenable 对象。

返回值:此方法返回一个 Promise。

下面讨论了两个示例：

示例: 在这个例子中，Deferred() 用于创建一个新对象，然后使用通知和解析方法调用 then() 方法。


<!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>

输出：
在点击按钮之前：

单击按钮后：

示例:本例使用Deferred()方法，检查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>

输出：

相关用法

注：本文由纯净天空筛选整理自PranchalKatiyar大神的英文原创作品 JQuery when() method。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。