hope183 / jquery.json2html

jQuery plugin enabling browser support for the html templating engine json2html.

jquery.json2html

What is jquery.json2html?

jquery.json2html is a jquery plug-in that implements the HTML templating engine json2html for client side browers

Ok so what is json2html?

json2html is a javascript HTML templating engine which converts json object to html using json transforms. Note that this jquery.json2html package includes the latest version of json2html.

For more information check out the json2html core library

Also implemented in node.js node-json2html

Why json2html?

Instead of writing HTML templates json2html relies on JSON transforms to convert a source JSON objects to html. The benefit of using a JSON transform is that they are already readable by the browser and DO NOT require any compilation before use. In addition, json2html allows the following

• Short hand notation for mapping data objects to markup
• Event binding to DOM objects (exclusively with jquery.json2html)
• Use of inline functions to allow for complex logic during transformation
• Dynamic building of transform objects

Example of a Transform?

var transform = 
 {tag:'li',id:'${id}',children:[
	{tag:'span',html:'${name} ${year}'}
  ]};		

Will render into the following html

<li id=1123>
	<span>Jack and Jill (2001)</span>
</li>	

Where is the project now?

Currently json2html (and jquery.json2html) are in beta release. Performance wise json2html is comparable to other client side templating engines like jsRender.

How do I start?

Check out our website www.json2html.com for more information including detailed usage notes, downloadable examples and more!