推荐2012年的jQuery模板?

jQuery模板现在已经被弃用了一段时间了。

我有一些JavaScript对象的forms的数据,我想格式化为HTML并附加到DOM。 这些日子最好的办法是什么?

  1. 我应该build立一个HTMLstring?
  2. 我应该通过jQuery创build元素,如$('<li>',{id:'my-'+Id}).append($('<span>').text(myText))
  3. 有jQuery模板的替代或成熟的替代品吗?

5 Solutions collect form web for “推荐2012年的jQuery模板?”

这是我在我的项目中做到的:

在你的HTML中定义一个模板:

 <script type="text/template" id="cardTemplate"> <div> <a href="{0}">{1}</a> </div> </script> 

使用string.format来replacevariables:

 var cardTemplate = $("#cardTemplate").html(); var template = cardTemplate.format("http://example.com", "Link Title"); $("#container").append(template); 

string.format :

 String.prototype.format = function() { var args = arguments; return this.replace(/{(\d+)}/g, function(match, number) { return typeof args[number] != 'undefined' ? args[number] : match ; }); }; 

很简单,你甚至可以结合模板。

你一定要尝试把手和/或小胡子

我倾向于使用Handlebars,但语法非常相似。

Moustache.js对于模板很有用。

https://github.com/janl/mustache.js

一路模板,比试图手动parsingJSON更容易。 由于我对它做出了贡献,所以我偏向于json2html,因为它不需要编译模板,只使用JSON和JavaScript。

http://json2html.com

我真的不喜欢使用JavaScript构buildhtml元素,所以我build议你使用一些模板。
你可以在这里find一个模板列表和一个相关的问题。

我曾经使用jQuery Templates ,它很简单,但不再积极。

  • 使用Gson for Java进行JSON解析
  • JSON和XML比较
  • json用双引号parsing错误
  • jackson - 使用generics类反序列化
  • JSONObject - 如何获得一个值?
  • 在Android中使用HttpClient和HttpPost和post参数
  • Django的JSONField里面ArrayField
  • 在PHP中处理json请求
  • 如何将数组传递给jQuery .data()属性
  • 如何获得使用system.net.webrequest在C#中的JSON响应?
  • 使用JavaScript遍历JSON对象树的所有节点