How to generate HTML using JSON in an elegant way in jQuery?
GordianZ · 2012-07-17 10:48:06 +08:00 · 4682 次点击这是一个创建于 4544 天前的主题，其中的信息可能已经有所发展或是发生改变。
Currently I'm using an HTML template, and using selectors to fill in those data like this:
$("#post-title > a").text(data.title);
$.each(doc.comments, function(index, comment) {
// some raw HTML tangled up in JavaScript...
});
It's really repetitive and rely too much on tags' ID attribute.
Is there a way to separate HTML tags from JavaScript? I've heard jQuery Templates, but they're deprecated aren't they?
$("#post-title > a").text(data.title);
$.each(doc.comments, function(index, comment) {
// some raw HTML tangled up in JavaScript...
});
It's really repetitive and rely too much on tags' ID attribute.
Is there a way to separate HTML tags from JavaScript? I've heard jQuery Templates, but they're deprecated aren't they?
 |
1
ruoran 2012-07-17 10:52:42 +08:00  1
|
 |
2
bcxx 2012-07-17 11:06:01 +08:00
use template language
|
 |
3
GordianZ MOD OP |
 |
4
lianghai 2012-07-17 12:15:51 +08:00 1
这个奇丑的网页可能有用……
http://garann.github.com/template-chooser/ |
|
5
GordianZ MOD OP 1
@lianghai Oh crap, the template engine I'm currently using supports client-side rendering. I just found out via your link, now I feel stupid.
:| |
|
6
GordianZ MOD OP @ruoran Oh, so mustache also supports client side rendering...
I think I need to stop coding and have some rest, my head ain't thinking straight... |
 |
9
magic22cn 2012-07-18 23:08:27 +08:00
i prefer js template but not SEO is an issue
|
 |
10
ljbha007 2012-07-20 09:56:29 +08:00
Ejs is an easy-to-use template engine and is independent of jQuery.
http://embeddedjs.com/ |
 |
11
zhouyang 2012-07-21 08:31:02 +08:00
ember.js
|
 |
12
erlang 2012-07-21 09:57:32 +08:00
拜托楼主还是说中文吧，这语法错误看得我忍不住跳进来说一句。
|
 |
15
ssword 2012-07-21 18:26:09 +08:00
用mustache吧
|
|
16
GordianZ MOD OP |
 |
17
ine181x 2012-07-21 19:50:07 +08:00
swig也不错。
|
Select Language