javascript - jQuery $.ajax 扩展 XDomainRequest onprogress

Question

简短版:

我想得到 this与this一起工作:

长版:

我想创建一个 jQuery 扩展，它向 $.ajax 对象添加一个进度方法，并与 IE8 和 IE9 的 XDomainRequest 对象一起工作。

目前，使用上述插件，我只能为 XMLHttpRequest 对象定义进度事件回调处理程序。

但是，XDomainRequest 还提供了一个 onprogress 事件。我基本上需要 XDomainRequest 的包装器。例如。 progressEvent.length 将对应于 xdr.responseText.length。

对于从哪里开始的任何建议，我将不胜感激。

Answer 1

好吧，我解决了这个问题。我最终 fork 了 ajaxHooks它通过 ajax 传输器实现 XDomainRequest。

我添加了对名为“progress”的 onprogress 事件回调的支持，它可以用原始的 ajax 对象定义。

根据 W3C 标准，progressEvent.lengthComputable = false 因为我们无法获取内容长度，所以 progressEvent.total = 0;

请看下面的例子:

$(document).ready(function(){

    var download_url = YOUR_URL;

    $.ajax({

        url: download_url,
        cache: false,
        progress: function(jqXHR, progressEvent) {

            console.log(progressEvent.loaded);

        }
    })
});

查看我的 ajaxHooks fork在这里。