backbone.js - 在 html 页面加载时加载一个backbone.js 集合

Question

我有一个关于backbone.js web 应用程序架构的问题。假设您正在创建一个电影收藏 web 应用程序。您将为电影使用模型，将集合用于您的电影集合。

集合的 View 基本上是 li 的负载。

为了使网页可被谷歌索引，您将允许它在没有 javascript 的情况下工作并在服务器端呈现。因此，访问 mydomain.com/12 将在服务器端为该集合构建 html li 元素。

如果您想使用backbone.js 修改集合，您需要将数据加载到backbone 中。做这个的最好方式是什么？我能想到的两种方法是......

1) 使用 jquery 迭代 li 元素，将数据读入主干 - 问题在于 html 可能只包含电影名称，而不包含主干模型中可能需要的电影 id 的/director 信息。我想数据可以包含在 html 中并使用 css 隐藏。

2)扔掉列表中的所有内容并使用ajax从服务器重新加载它 - 这对我来说似乎是一种浪费，因为所有数据都可以在第一页加载时发送。

这些方法中的任何一种都是好的做法吗？如果不是，应该怎么做？

Answer 1

Backbone 的作者 Jeremy Ashkenas 建议您在页面中将模型数据打印为 JSON，并将其作为对象加载:

<script>
  Accounts.reset(<%= @accounts.to_json %>);
  Projects.reset(<%= @projects.to_json(:collaborators => true) %>);
</script>

见 Backbone FAQ - Loading Bootstrapped Models .