javascript - 使用backbone.js和jquery将小部件动态添加到仪表板

Question

我正在使用 Backbone.js 和几个 jQuery 插件编写 Web-CMS 应用程序的仪表板。该仪表板应尽可能直观和可定制，并且一次可高度扩展。

现在，我想要做的是通过 ajax 通过 api 加载小部件的数据和模板。事实上，这不是问题，但我想问您有关通过 ajax 使用 javascript 加载模板数据（HTML/javascript/等）的最佳实践。

我可以进行多个 ajax 调用，首先我收到一个带有模板的 html 片段，然后将其数据作为 JSON 字符串加载到第二个请求中。

// first request
<h6>Some HTML Stuff here</h6>
// second request
{"id": "5", "name": "Example Widget"}

或者我可以将模板本身存储在 JSON 字符串中，这在另一方面会减少服务器负载，但感觉有点不对劲。

// single request
{"id": "5", "name": "Example Widget", "template": "<h6>Some HTML stuff here"</h6>"}

有什么建议或其他方法吗？

score 2 · Accepted Answer

2 请求方法是我在设置时亲自采用的方式。单独调用的开销不值得担心尝试在浏览器中处理数据。如果您真的想尽量减少调用次数，组合 JSON 响应可能是最有效的方法。

我建议使用 require.js，因为它会为您管理大部分内容。

1 回答 1