是否有使用javascript生成html的最佳实践

作者

我正在调用一个web服务，它返回JSON中的对象数组。我想获取这些对象并用HTML填充一个div。假设每个对象都包含一个url和一个名称

如果我想为每个对象生成以下HTML：

&lt；部门&gt&书信电报；img src=”https://stackoverflow.com/questions/220603/the url/&gt；名称&lt/部门&gt；

这方面有最佳实践吗？我可以看到几种方法：

  1. 连接字符串
  2. 创建元素
  3. 使用模板插件
  4. 在服务器上生成html，然后通过JSON提供服务

选项#1和#2将是最直接的选项，但是，对于这两个选项，您将通过构建字符串或创建DOM对象感受到性能和维护的影响

模板化并不是那么不成熟，您可以在大多数主要Javascript框架中看到它

以下是JQuery模板插件中的一个示例，它将为您节省性能损失，而且非常非常简单：

var t=$.template（'&lt；div&gt；&lt；img src='https://stackoverflow.com/questions/220603/${url}”/&gt；${name}&lt；/div&gt；'）；
$（选择器）.append（t{
url:jsonObj.url，
名称：jsonObj.name
});

我说，走酷路线（性能更好，更易于维护），使用模板

相关文章：

  1. 如何从Firefox或Chrome浏览器手动发送HTTP POST请求
  2. 在MVC中，如何返回字符串结果？
  3. 在大多数web浏览器中是否有PUT、DELETE、HEAD等方法？
  4. 如何将数据发布为表单数据而不是请求负载？

发表评论