JQuery deferred.notifyWith()方法

jQuery deferred.notifyWith() 方法用于向一个延迟对象添加一个或多个进度处理程序，该程序在延迟对象的状态变为“进行中”时被调用，并且可以指定上下文对象。以下是关于 jQuery deferred.notifyWith() 方法的详细攻略，含两个示例，演示如何使用 jQuery deferred.notifyWith() 方法：

语法

jQuery deferred.notifyWith() 方法的语法如下：

deferred.notifyWith(context, [args]);

参数说明：

• context：可选。指定进度处理程序的上下文对象。
• args：可选。递给进度处理程序的参数。

返回值：

• 返回当前延迟对象。

示例1

以下是一个简单的示例，演示如何使用 deferred.notifyWith() 方法向一个延迟对象添加一个进度处理程序，并指定上下文对象：

<div id="result"></div>

<script>
const deferred = $.Deferred();

deferred.notifyWith(this, ["正在处理..."]);

deferred.progress(function(msg) {
  $("#result").text("进度信息：" + msg);
});
</script>

在这个示例中，我们创建了一个延迟对象，并使用 deferred.notifyWith() 方法向其添加一个进度处理程序，并指定上下文对象为 this。然后，我们使用 deferred.progress() 方法为延迟对象添加一个进度处理程序，该处理程序将在延迟对象的状态变为“进行中”时执行，并显示进度信息。

示例2

以下是另一个示例，演示如何使用 jQuery deferred.notifyWith() 方法向一个延迟对象添加多个进度处理程序，并指定上下文对象：

<div id="result"></div>

<script>
const deferred = $.Deferred();

deferred.notifyWith(this, ["正在处理..."]);

deferred.progress([
  function(msg) {
    $("#result").append("<p>第一个进度处理程序：" + msg + "</p>");
  },
  function(msg) {
    $("#result").append("<p>第二个进度处理程序：" + msg + "</p>");
  }
]);
</script>

在这个示例中，我们创建了一个延迟对象，并使用 deferred.notifyWith() 方法向其添加一个进度处理程序，并指定上下文对象为 this。然后，我们使用 deferred.progress() 方法为延迟对象添加两个进度处理程序，这两个处理程序将在延迟对象的状态变为“进行中”时执行，并向页面添加两进度信息。

结论

上所述，jQuery deferred.notifyWith() 方法用于向一个延迟对象添加一个或多个进度处理程序，该处理程序在延迟对象的状态变为“进行中”时被调用，并且可以指定上下文对象。以上是两个示例，演示如何使用 jQuery deferred.notifyWith() 方法。