ajax - jquery 的 promise 方法是如何工作的？

Question

我不太明白什么是delegate和promise。

根据文档-

• delegate 会将选择器和事件绑定(bind)到某种包装容器，以后可以再次用于当前和 future 的项目。
• promise() 会在新加载的所有内容都匹配时将内容重新映射回第一次绑定(bind)时的状态。可能我不是很理解这个promise方法。

如果包装器仍然存在，但包装器容器中的内容已更改，和/或通过 Ajax 重新加载怎么办？为什么事件没有像第一次绑定(bind)时那样触发或工作？

是的，我去过文档页面，我只是不完全理解他们的解释。

Answer 1

我对这个问题有点困惑。我认为这是因为 你 对 promise 和 delegate 感到困惑。它们实际上是完全不相关的 jQuery 特性。我将分别解释:

委托(delegate)

delegate是 jQuery 1.4.2 中引入的 jQuery 功能。 (这是对 jQuery 1.3 中添加的 live 特性的一种更好的方法)。它解决了修改 DOM 所带来的特定问题，尤其是 AJAX 调用。

当您绑定(bind)一个事件处理程序时，您将它绑定(bind)到一个选择。因此，您可以执行 $('.special').click(fn) 将事件处理程序绑定(bind)到 special 类的所有成员。您绑定(bind)到这些元素，因此如果您随后从这些元素之一中删除该类，该事件仍将被触发。相反，如果您将类添加到元素(或将新元素添加到 DOM)，它不会绑定(bind)事件。

Javascript 有一个特性可以缓解这种情况，称为“事件冒泡”。当事件被触发时，浏览器首先通知事件发起的元素。然后它沿着 DOM 树向上移动，并通知每个祖先元素。这意味着您可以在 DOM 树上层的元素上绑定(bind)事件处理程序，并在任何子元素上触发事件(即使是那些在绑定(bind)处理程序时不存在的元素)。

delegate 是 jQuery 对此的实现。首先，您选择一个父元素。然后你指定一个选择器——处理程序只会在原始元素匹配这个选择器时运行。然后指定一个事件类型，例如click、submit、keydown，就像bind一样。 .最后指定事件处理程序。

$('#containingElement').delegate('a.special', 'click', function() {
    alert('This will happen on all links with the special class');
});

promise

promise是另一个相对较新的 jQuery 特性集。它是 Deferred 的一部分jQuery 1.5 中引入的概念。 (我认为“延迟”和“委托(delegate)”在发音上的相似性可能是混淆的根源。)这是一种抽象出异步代码复杂性的方法。最好的例子是 AJAX 调用，因为 $.ajax 返回的对象是一个 Deferred 对象。例如:

$.ajax({
    url: 'somepage.cgi',
    data: {foo: 'bar'}
}).done(function() {
    // this will be run when the AJAX request succeeds
}).fail(function() {
    // this will be run when the AJAX request fails
}).always(function() {
    // this will be run when the AJAX request is complete, whether it fails or succeeds
}).done(function() {
    // this will also be run when the AJAX request succeeds
});

因此它在很多方面与在 $.ajax 调用中绑定(bind)成功处理程序相同，只是您可以绑定(bind)多个处理程序，并且可以在初始调用后绑定(bind)它们。

另一个异步处理有用的时间是动画。您可以为函数提供回调，但最好使用与我上面提供的 AJAX 示例类似的语法来执行此操作。

在 jQuery 1.6 中，此功能成为可能，并且 promise是这个实现的一部分。您在 jQuery 选择上调用 promise，当对象中的所有动画都已完成时，您将获得一个可以将事件处理程序绑定(bind)到的对象。

例如:

$('div.special').fadeIn(5000).promise().then(function() {
    // run when the animation succeeds
}).then(function() {
    // also run when the animation succeeds
});

同样，这在效果上与传统方法类似，但它增加了灵 active 。您可以稍后绑定(bind)处理程序，也可以绑定(bind)多个。

总结

基本上，delegate 和 promise 之间没有明显的关系，但它们都是现代 jQuery 中的有用功能。