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>"}

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

Answer 1

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

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

http://backbonetutorials.com/organizing-backbone-using-modules/