我正在调用一个以JSON格式返回对象数组的Web服务.我想获取这些对象,并用HTML填充div.假设每个对象都包含一个url和一个名称.
如果我想 for each 对象生成以下HTML:
<div><img src="the url" />the name</div>
有没有这方面的最佳实践?我认为有几种方法可以做到这一点:
- 连接字符串
- 创建元素
- 使用模板插件
- 在服务器上生成html,然后通过JSON提供.
我正在调用一个以JSON格式返回对象数组的Web服务.我想获取这些对象,并用HTML填充div.假设每个对象都包含一个url和一个名称.
如果我想 for each 对象生成以下HTML:
<div><img src="the url" />the name</div>
有没有这方面的最佳实践?我认为有几种方法可以做到这一点:
选项#1和#2将是您最直接的选项,但是,对于这两个选项,您将感受到构建字符串或创建DOM对象对性能和维护的影响.
模板化并不是那么不成熟,你可以在大多数主要的Javascript框架中看到它.
下面是一个JQuery Template Plugin分制的例子,它将为您节省性能损失,而且非常非常简单:
var t = $.template('<div><img src="${url}" />${name}</div>');
$(selector).append( t , {
url: jsonObj.url,
name: jsonObj.name
});
我说走酷的路由(更好的性能,更好的可维护性),并使用模板.