backbone.js 获取缓存的结果

Question

我在以下backbone.js控制器的索引操作中使用fetch：

App.Controllers.PlanMembers = Backbone.Controller.extend({
    routes: {
        "": "index"
    },

    index: function () {
        var planMembers = new App.Collections.PlanMembers();

        planMembers.fetch({
            success: function () {
                var recoveryTeam = planMembers.select(function (planMember) {
                    return planMember.get("TeamMemberRole") == "RecoveryTeam";
                });

                var otherMembers = planMembers.select(function (planMember) {
                    return planMember.get("TeamMemberRole") == "Other";
                });

                new App.Views.Index({ collection: { name: "Team", members: recoveryTeam }, el: $('#recoveryTeam') });

                new App.Views.Index({ collection: { name: "Team", members: otherMembers }, el: $('#otherTeam') });
            },
            error: function () {
                alert('failure');
                showErrorMessage("Error loading planMembers.");
            }
        });
    }
});

问题是结果被缓存。它不会获取数据库更改。有没有办法告诉backbone.js不要缓存结果？

我知道我可以覆盖集合的 url 并附加时间戳，但我正在寻找比这更干净的东西。

Answer 1

另一个解决方案是防止在服务器端使用

php 中的

<?php
header("Cache-Control: no-cache, must-revalidate"); // HTTP/1.1
header("Expires: Sat, 26 Jul 1997 05:00:00 GMT"); // Date in the past
?>

HTTP 标头进行缓存，或者使用 Express 和 Coffeescript 中的 Node.js 中的类似内容来防止在服务器端进行缓存

res.send results,
  "Cache-Control": "no-cache, must-revalidate"
  "Expires": "Sat, 26 Jul 1997 05:00:00 GMT"

Answer 2

添加 'cache:false' 来获取工作！

this.foo.fetch({ cache:false });

我能够修复一个仅在不使用开发工具时出现在 IE 中的错误。

Answer 3

这通常是 IE 上的问题，backbone 与此无关。您必须转到 jQuery ajax 调用并查看文档。 Backbone 使用 jquery ajax 作为其同步方法。您可以执行以下操作来强制所有浏览器上的 ajax 调用：

$.ajaxSetup({ cache: false });

http://api.jquery.com/jQuery.ajaxSetup/< /a>

Answer 4

@Julien 的建议会起作用，但是每个 AJAX 请求都会到达服务器，并且不会从缓存中检索到任何内容。

$.ajaxSetup({ cache: false });

还有另一种方法可以做到这一点。您可以将“cache: false”作为提取中的选项传递（请参阅下面的代码）。好处是具有“cache:false”的 fetch(s) 将始终命中服务器，而其他 fetch(s) 可以从缓存中检索数据。我当前正在编写的应用程序异步访问数据和内容。有时我想从缓存中检索项目，有时我想访问服务器。

http://documentcloud.github.com/backbone/#Collection-fetch

jQuery.ajax选项也可以直接作为获取选项传递，所以
获取分页集合的特定页面：
Documents.fetch({data: {page: 3}})

您还可以类似于此代码重写集合的 fetch 方法。

var PlanMembers = Backbone.Collection.extend({
     ...
     fetch: function (options) {
         options = options || {};
         options.cache = false;
         return Backbone.Collection.prototype.fetch.call(this, options);
     }
     ...
})

。

下面我在获取中添加了“cache: false”

planMembers.fetch({
            cache: false,  //Hit the server
            success: function () {
                var recoveryTeam = planMembers.select(function (planMember) {
                    return planMember.get("TeamMemberRole") == "RecoveryTeam";
                });

                var otherMembers = planMembers.select(function (planMember) {
                    return planMember.get("TeamMemberRole") == "Other";
                });

                new App.Views.Index({ collection: { name: "Team", members: recoveryTeam }, el: $('#recoveryTeam') });

                new App.Views.Index({ collection: { name: "Team", members: otherMembers }, el: $('#otherTeam') });
            },
            error: function () {
                alert('failure');
                showErrorMessage("Error loading planMembers.");
            }
        });