极客教程JQuery deferred.notifyWith()方法
JQuery的这个deferred.notifyWith()方法是用来调用一个延迟对象的进度回馈，以及提供的上下文和args。
语法:
deferred.notifyWith(context[, args])
参数:
- context。这个参数是作为’this’对象传递给progressCallbacks的上下文。
- args: 这个参数是一个可选的参数数组，它被传递给progressCallbacks。
返回值：该方法返回递延对象。
下面讨论两个例子。
例子-1：在这个例子中，我们用两个参数通知递延对象，并在拒绝它之前处理任何progressCallbacks。
<!DOCTYPE HTML>
<html>
<head>
<title>
JQuery | deferred.notifyWith() 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.notifyWith() method";
function Func(val, div){
(div).append('From function "Func": ' + val);
}
function Geeks() {
var def =.Deferred();
def.progress(Func);
def.notifyWith(
this, ['notifyWith() is called with arguments. <br />', '#GFG_DOWN']);
}
</script>
</body>
</html>
输出:
示例-2：在这个例子中，我们只用一个参数通知递延对象，并在解决它之前处理任何progressCallbacks。
<!DOCTYPE HTML>
<html>
<head>
<title>
JQuery | deferred.notifyWith() 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.notifyWith() method";
function Func(val, div){
(div).append('From function "Func": ' + val);
}
function Geeks() {
var def =.Deferred();
def.done(Func);
def.progress(Func);
def.notifyWith(this, ['#GFG_DOWN']);
def.resolve('Deferred is resolved.<br />', '#GFG_DOWN')
}
</script>
</body>
</html>
输出:
