$.when 不等待 Ajax 请求完成

我想首先使用 Backbone.js 渲染一个视图，该视图显示从服务器拉取的文章。然后，我想将其标记为“已见”，并将未见消息的计数返回给路由器，因为它需要可供其他视图使用。

所以在我的路由器中，我有：

    getArticle: function (id) {

        require(["app/models/article", "app/views/Article"], function (models, Article) {

                var article = new models.Article({id: id});

                article.fetch({
                    success: function (data) {

                        var articleView = new Article({model: data, message_count:that.message_count});

                        slider.slidePage(articleView.$el);

                        $.when(articleView.saveView()).done(function(data){
                            console.log('in when and data is ');
                            console.log(data);
                        });

                    },
                    error: function(){
                        console.log('failed to fecth artcie'); 
                    }
                });

        });
    },

文章视图中的 saveView() 是：

    saveView: function(){

        var viewDetails = [];

        viewDetails.device_id = this.options.device_id;
        viewDetails.article_id = this.model.id;
        viewDetails.project_title = project_title;

        var article_view = new models.ArticleView();

        article_view.save(viewDetails, 
                        {
                        success: function(data) {
                                var count = data.get('count');   
                                console.log('in saveView() success and count is ');
                                console.log(count); 
                                return count;     
                            },
                            error:   function(model, xhr, options){
                               console.log(xhr.responseText);
                            },
                        });
    },

这会调用 REST API，记录文章的查看情况，然后返回未查看文章的计数。这会导致控制台输出：

在当和数据为 router.js:286 未定义 router.js:287 中 saveView() 成功且计数为 Article.js:45 4

所以，不知何故，$.when不起作用，因为它在执行之前没有等待 Ajax 请求发送.done脚本。有任何想法吗？

您需要返回一个 jQueryDeferred http://api.jquery.com/category/deferred-object/对象为$.when正常工作：

return article_view.save(viewDetails, 
    {
    success: function(data) {
            var count = data.get('count');   
            console.log('in saveView() success and count is ');
            console.log(count); 
            return count;     
        },
        error:   function(model, xhr, options){
           console.log(xhr.responseText);
        },
    });

骨干的save() method 返回一个jqXHR object http://backbonejs.org/docs/backbone.html#section-61其行为方式与Deferred在这种情况下的对象。只需像上面那样链接返回调用即可。这应该得到$.when()等待请求完成。