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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。