利用json2html将json数据填充到html模板
2015-10-26 10:45
676 查看
1、下载json2html>>
2、制作好模板、准备好json数据、启动
输出html代码:
2、制作好模板、准备好json数据、启动
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>json2html</title> <script type="text/javascript" src="json2html.js"></script> </head> <body> <script type="text/javascript"> //html模板格式 var transform = {'tag':'p','html':'${name} (${age})'}; //json数据 var data = [ {'name':'Bob','age':40}, {'name':'Frank','age':15}, {'name':'Bill','age':65}, {'name':'Robert','age':24} ]; //启动 document.write(json2html.transform(data,transform)); </script> </body> </html>
输出html代码:
<p>Bob (40)</p> <p>Frank (15)</p> <p>Bill (65)</p> <p>Robert (24)</p>
相关文章推荐
- 利用tempo将json数据填充到html模板
- js 验证码 倒计时60秒
- WdatePicker.js的使用方法 帮助文档 使用说明(时间控件)
- javaScript实现可缩放的显示区效果代码
- 疯狂Html+CSS+JS 中CSS总结
- JSP取得绝对路径
- 疯狂Html+CSS+JS 中CSS总结
- 疯狂Html+CSS+JS 中CSS总结
- 疯狂Html+CSS+JS 中CSS总结
- 5、Jsp 核心标签库
- JS基于VML技术实现的五角星礼花效果代码
- 2、Jsp 标签 与 freemarker macor 开发比较
- JS遮罩层
- 1.jsp 与 freemarker 比较
- pjsua帮助手册(中文)
- javascript删除字符串最后一个字符的几种方法
- 关于js中namespace命名空间模式
- 安卓解析中JSON中getString() 和optString()的区别
- 网页中实现JSON的编辑与显示
- 几种js中常用到的真假值判断