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

小编典典

ajax

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

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

<div><img src="the url" />the name</div>

是否有最佳做法？我可以看到几种方法：

阅读 227

2020-07-26

共1个答案

小编典典

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

模板并不是还不成熟，您会在大多数主要的Javascript框架中看到它的弹出。

这是JQuery模板插件中的一个示例，它将节省您的性能影响，而且非常非常简单：

var t = $.template('<div><img src="${url}" />${name}</div>');

$(selector).append( t , {
     url: jsonObj.url,
     name: jsonObj.name
});

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

2020-07-26