Download
json2html is an open source javascript library that uses js templates to render JSON objects into HTML.
Build lightning fast, interactive client side templates using nothing but javascript.
Free to use under the MIT license.
Currently v2.2.3
Use on the browser with the json2html CDN.
<script src="https://cdnjs.cloudflare.com/ajax/libs/json2html/2.2.3/json2html.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/json2html/2.2.3/json2html.min.js"></script>
<script>
let template = {'<>':'div','html':'${title} ${year}'};
let data = [
{"title":"Heat","year":"1995"},
{"title":"Snatch","year":"2000"},
{"title":"Up","year":"2009"},
{"title":"Unforgiven","year":"1992"},
{"title":"Amadeus","year":"1984"}
];
//native javascript
document.write( json2html.render(data,template) );
//or with jQuery
$("#result").json2html(data,template);
</script>
Use on node.js with this npm package.
npm install node-json2html
const json2html = require('node-json2html');
let template = {'<>':'div','html':'${title} ${year}'};
let data = [
{"title":"Heat","year":"1995"},
{"title":"Snatch","year":"2000"},
{"title":"Up","year":"2009"},
{"title":"Unforgiven","year":"1992"},
{"title":"Amadeus","year":"1984"}
];
let html = json2html.render(data,template);