javascript - 向上链传递承诺时更改数据结果？

Question

我正在尝试通过 jQuery 迁移到使用 Promise。在我的原始代码中，我有一个回调参数，它接受修改后的数据：

var getRss = function (url, fnLoad) {
    $.get(url, function (data) {
        var items = [];
        $(data).find('item').each(function (index) {
            items.push({
                title: $(this).find('title').text(),
                pubDate: $(this).find('pubDate').text()
            });
        });

        fnLoad(items);
    });
}

我试图改变承诺，但“完成”返回未修改的数据而不是解析的数据：

var getRss = function (url) {
    return $.get(url).done(function (data) {
        var items = [];
        $(data).find('item').each(function (index) {
            items.push({
                title: $(this).find('title').text(),
                pubDate: $(this).find('pubDate').text()
            });
        });
    });
}

然后像下面这样使用它，但我得到的是原始 XML 版本，而不是被转换为对象的修改版本：

 getRss('/myurl').done(function (data) {
      $('body').append(template('#template', data));
  });

Answer 1

您想使用then（阅读文档pipe，查看pipe() 和 then() 文档与 jQuery 1.8 中的现实）：

function getRss(url) {
    return $.get(url).then(function (data) {
        var items = [];
        $(data).find('item').each(function (index) {
            items.push({
                title: $(this).find('title').text(),
                pubDate: $(this).find('pubDate').text()
            });
        });
        return items;
    });
}

…它的工作原理是

function getRss(url) {
    var dfrd = $.Deferred();
    $.get(url).done(function (data) {
        var items = [];
        $(data).find('item').each(function (index) {
            items.push({
                title: $(this).find('title').text(),
                pubDate: $(this).find('pubDate').text()
            });
        });
        dfrd.resolve(items);
    }).fail(dfrd.reject);
    return dfrd.promise();
}