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

我正在使用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"}

//第一个请求
这里有一些HTML内容
//第二个请求
{“id”：“5”，“name”：“示例小部件”}

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

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

//单个请求
{“id”：“5”，“name”：“示例小部件”，“模板”：“此处的一些HTML内容”“}

---

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

2请求方法是我个人在设置此方法时使用的方法。单独调用的开销不值得尝试在浏览器中处理数据。如果您真的希望最小化调用数量，则组合JSON响应可能是最有效的方法y

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

---

您不能使用众多客户端模板选项（例如下划线、把手等）之一将模板包括在应用程序中吗，然后只请求数据，而不是数据和模板？@MattiJohn我应该说我希望小部件像服务器后端插入的某种模块一样工作。所以小部件和实际的仪表板脚本是分开的。无法将它们包含在脚本中。好吧，但这不是违反JSON“规则”吗“将实际html存储在JSON字符串中？我为jquery找到了一个JSON模板插件。但这似乎也不是很直观。html将存储在一个单独的文件中，模板引擎将两者结合起来。由于您使用的是主干网，我建议使用下划线模板函数。您使用的模板引擎绝对是首选，没有“最佳”的。