在Backbone.js中加载初始数据的最佳方法是什么？

Question

在Backbone.js中,模型加载和保存是通过ajax调用完成的.但是,是否有任何最佳实践在页面加载时加载初始集合而不必通过ajax将其拉下来？我正在尝试尽可能多地进行服务器端渲染.

在过去,我已经使用包含初始数据状态的json字符串的javascript变量播种html,因此它可以呈现给服务器端,但我不确定这是否是一个好习惯.

Answer 1

不知道它是否是最好的做法,但这种用json 对象播种html的方法(不是你描述的json 字符串,对吗？)当然是我做首次加载的首选方法.不仅因为(显而易见的)原因,它消除了等待初始AJAX调用返回的延迟,而且因为一个较少开放的连接释放了浏览器以加载其他东西(如img src或诸如此类),让你稍微提交一下document.onLoad.

建议在使用此方法时,将所述变量放在正文底部的脚本标记中(即不在head部分中),以便为页面上的静态html元素提供加载和呈现的机会第一.触发document.onLoad时,json数据就绪.

Answer 2

您选择的方法可能取决于您计划加载的数据量以及该数据在页面中的使用方式。

如果大多数所需数据最终不会呈现在页面上，那么将初始状态引导到 JavaScript 变量中可能不是一个坏方法。

但是，如果数据与页面的呈现直接相关，您可能更愿意解析预渲染的 DOM 以获取主干应用程序的初始状态。必须注意的是，这种解析速度会稍慢，尤其是对于大型数据集。

如果您最终选择解析预渲染的内容，我不久前组装了一个小型 jQuery DOM 解析器，这对于将呈现的内容映射到 Backbone 就绪形式可能很有用。