How to generate HTML using JSON in an elegant way in jQuery?

[GordianZ]

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?

[ruoran]

http://handlebarsjs.com/ or http://mustache.github.com/ ?

[bcxx]

use template language

[GordianZ]

@ruoran Can they be using in a runtime manner? I need logic to process JSON when AJAX request returns.

@bcxx Yes, I knew template language is the solution, do you have any good suggestions?

[lianghai]

这个奇丑的网页可能有用……
http://garann.github.com/template-chooser/

[GordianZ]

@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.
:|

[GordianZ]

@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...

[bcxx]

@GordianZ mustache is ok, though it's slow :/

[ruoran]

@GordianZ It's about time to sleep, at least for me :)

[magic22cn]

i prefer js template but not SEO is an issue

[ljbha007]

Ejs is an easy-to-use template engine and is independent of jQuery.
http://embeddedjs.com/

[zhouyang]

ember.js

[erlang]

拜托楼主还是说中文吧，这语法错误看得我忍不住跳进来说一句。

[bcxx]

@erlang 不是所有电脑都有中文输入法的

[fanzeyi]

@erlang 这不是考试 何必拘泥于语法错误？

[ssword]

用mustache吧

[GordianZ]

我现在用的 Jade 因为后端用 Express 渲染页面已经用了，所以省去学习的时间。

@erlang 有错误还请多指正，谢谢。

[ine181x]

swig也不错。

[bcxx]

@ssword 有点慢～