GordianZ
V2EX  ›  jQuery

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

  •  
  •   GordianZ · Jul 17, 2012 · 6094 views
    This topic created in 5228 days ago, the information mentioned may be changed or developed.
    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?
    18 replies  •  1970-01-01 08:00:00 +08:00
    bcxx
    bcxx
    Jul 17, 2012
    2
    use template language
    GordianZ
    GordianZ
    OP
    Jul 17, 2012
    3
    @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
    lianghai
    Jul 17, 2012❤️1
    4
    这个奇丑的网页可能有用……
    http://garann.github.com/template-chooser/
    GordianZ
    GordianZ
    OP
    Jul 17, 2012❤️1
    5
    @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
    GordianZ
    OP
    Jul 17, 2012
    6
    @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
    bcxx
    Jul 17, 2012
    7
    @GordianZ mustache is ok, though it's slow :/
    ruoran
    ruoran
    Jul 17, 2012
    8
    @GordianZ It's about time to sleep, at least for me :)
    magic22cn
    magic22cn
    Jul 18, 2012
    9
    i prefer js template but not SEO is an issue
    ljbha007
    ljbha007
    Jul 20, 2012
    10
    Ejs is an easy-to-use template engine and is independent of jQuery.
    http://embeddedjs.com/
    zhouyang
    zhouyang
    Jul 21, 2012
    11
    ember.js
    erlang
    erlang
    Jul 21, 2012
    12
    拜托楼主还是说中文吧,这语法错误看得我忍不住跳进来说一句。
    bcxx
    bcxx
    Jul 21, 2012
    13
    @erlang 不是所有电脑都有中文输入法的
    fanzeyi
    fanzeyi
    Jul 21, 2012
    14
    @erlang 这不是考试 何必拘泥于语法错误?
    ssword
    ssword
    Jul 21, 2012
    15
    用mustache吧
    GordianZ
    GordianZ
    OP
    Jul 21, 2012
    16
    我现在用的 Jade 因为后端用 Express 渲染页面已经用了,所以省去学习的时间。

    @erlang 有错误还请多指正,谢谢。
    ine181x
    ine181x
    Jul 21, 2012
    17
    swig也不错。
    bcxx
    bcxx
    Jul 21, 2012
    18
    @ssword 有点慢~
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   2301 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 56ms · UTC 13:26 · PVG 21:26 · LAX 05:26 · JFK 08:26
    ♥ Do have faith in what you're doing.