$.ajax 承诺“然后”不会像我期望的那样链接

Question

下面是我的代码。第一个控制台消息显示结果，第二个没有...这不是神奇地违背承诺...这怎么可能？

    this.saveAsTemplate = function(name, asNew) {
        return _saveSet(name, asNew)
            .then(function(result) {
                // -> result is set correctly
                console.log('oh but youll ****ing work... wth?', result);
                $.ajax({
                    url: '/rest/filter/template/'+result.id,
                    type: 'PUT',
                }).success(function(result) {
                    console.log('successfully saved template, result: ', result);
                });
            })
            .then(function(result) {
                // -> result is undefined :(
                console.log('no ****ing result: ', result);
            });

在过去的几个月里，我不得不编写额外的 deferreds 来解决这个问题……这真的把我的代码弄乱了。非常感谢您的帮助！

编辑：可以在这个问题中找到正确链接承诺的一个很好的清晰示例解决方案：（注意所有函数返回） How do I chain three asynchronous calls using jQuery promises?

Answer 1

要以这种方式链接.then，您必须向它返回一个承诺。

return $.ajax({

完整样本：

this.saveAsTemplate = function(name, asNew) {
    return _saveSet(name, asNew).then(function(result) {
        console.log('oh but youll ****ing work... wth?', result);
        // *** The following line was modified ***
        return $.ajax({
            url: '/rest/filter/template/'+result.id,
            type: 'PUT',
        }).done/*success*/(function(result) {
            console.log('successfully saved template, result: ', result);
        });
    }).then(function(result) {
        console.log('no ****ing result: ', result);
    });