jquery - 如何将所有处理程序从一个延迟转移到另一个？

Question

假设我有一个 $.Deferred 和一个 jqXHR 对象。有没有办法将绑定(bind)到 deferred (然后，总是，完成，失败)的所有处理程序转移到 XHR 对象(据我所知，它是 Deferred 的扩展)？

<小时/>

这就是我的想法:

$.ajaxOne = function(options) {
    var xhr = null;
    return function() {
        if(xhr) xhr.abort();
        xhr = $.ajax(options).always(function() {
            xhr = null;
        });
    }
}

我想创建一个类似于 $.ajax 的函数，不同之处在于，如果您快速连续多次调用它，它将中止最后一个请求，只完成最近的一个请求。这在您想要验证用户输入的许多场景中非常有用。

例如，您可能想检查用户名是否被占用，但如果他们在您开始 ajax 调用后再次开始在用户名字段中输入内容，则您不关心最后的结果，只关心最新的结果一。

此外，我认为不能保证请求按照发出的顺序返回(我想这取决于您的服务器设置)，因此您也可能会遇到同步问题。

无论如何，上述代码的问题在于，因为它返回一个函数，所以您可以随时执行 ajax 调用，但无法将完成处理程序绑定(bind)到它。因此，我必须以某种方式混合延迟处理程序并将它们重新绑定(bind)到 XHR 对象。

Answer 1

Let's say I have a $.Deferred and a jqXHR object. Is there a way to transfer all the handlers bound to the deferred (then, always, done, fail) over to the XHR object (which, as I understand it, is an extension of Deferred)?

或多或少，是的，但不是以您期望的方式。您只需使用 XHR 延迟解析延迟(具有处理程序)即可，而不是“移动处理程序”。这将使延迟采用 ajax promise 的状态 - 或不，因为 jQuery 不是 Promise A+ -兼容的。因此，您需要手动将触发器作为处理程序:

var deferred = $.Deferred(),
    xhr = $.ajax(…);
xhr.done(deferred.resolve).fail(deferred.reject).progress(deferred.notify);

但是，不鼓励这样的使用，只要在需要deferred的地方使用xhr即可 - 它们是相等的。或者使用 xhr.then() 创建一个全新的 Promise 对象，其解析方式与 xhr 完全相同。

Anyway, the problem with the above code is that because it returns a function, you can execute your ajax call whenever you like, but you can't bind your completion handlers to it. So I have to somehow mix the deferred handlers in and rebind them to the XHR object.

您仍然可以从该返回的函数返回每个 xhr 对象，并将处理程序绑定(bind)到该对象。如果中止，将调用其错误处理程序。

$.ajaxOne = function(options) {
    var xhr = null;
    return function(name) {
        options.data = name;
        if (xhr) xhr.abort();
        return xhr = $.ajax(options).always(function() {
//      ^^^^^^
            xhr = null;
        });
    }
}
var checkUserAccount = $.ajaxOne({…});
$input.keyup(function(e) {
    checkUser(this.value).done(function(ajaxResult) {
        // do anything here with the ajaxResult from the latest call
        // if there was another keyup event, this callback never fires
    });
});

Also, I don't think requests are guaranteed to return in the same order they went out (I suppose depending on your server setup), so you could have a syncing issue as well.

如果您在再次调用该函数时对每个旧请求调用abort，则不会 - 这将保持一次最多只有一个事件的 ajax 请求这一不变量。

I wanted to create a function, similar to $.ajax, except that if you call it multiple times in rapid succession, it will abort the last request and only complete the most recent one.

听起来很像事件流。您会想看看函数式响应式编程!