极客教程jQuery deferred.progress()方法
这个jQuery的deferred.progress()方法是用来添加处理程序，当递延对象产生进度通知时，将被调用。
语法:
deferred.progress(progressCallbacks[, progressCallbacks])
参数:
- progressCallbacks。这个参数是一个函数，或数组函数，当递延产生进度通知时，将被调用。
- progressCallbacks。它是一个可选的参数，是一个函数，或函数数组，当递延产生进度通知时，将被调用。
返回值：该方法返回递延对象。
例子1：在这个例子中，progress()方法与reject()方法一起被调用。
<!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 | deferred.progress() method
</p>
<button onclick="Geeks();">
click here
</button>
<p id="GFG"></p>
<script>
function Func(val, div) {
(div).append(val);
}
function Geeks() {
var def =.Deferred();
def.fail(Func);
def.progress(Func);
def.reject('"Func" is added as '
+ 'progressCallbacks using '
+ 'progress() method when '
+ 'Deferred object is rejected',
'#GFG')
}
</script>
</body>
</html>
输出:
例子2：在这个例子中，progress()方法与resolve()方法一起被调用。
<!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 | deferred.progress() method
</p>
<button onclick="Geeks();">
click here
</button>
<p id="GFG"></p>
<script>
function Func(val, div) {
(div).append(val);
}
function Geeks() {
var def =.Deferred();
def.done(Func);
def.progress(Func);
def.resolve('"Func" is added as '
+ 'progressCallbacks using '
+ 'progress() method when '
+ 'Deferred object is resolved',
'#GFG')
}
</script>
</body>
</html>
输出:
