利用json2html将json数据填充到html模板
2024-08-29 00:22:24
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>
最新文章
- Linux堆内存管理深入分析(下)
- php 保存到mysql数据库中的中文乱码
- 关于一个js连续赋值问题之我见(词略穷,见谅)
- UML(5)——协作图
- prettyprint
- 201. Bitwise AND of Numbers Range
- 【回顾整理】暴走的SQL语句练习!!!
- 解决tomcat运行报错java.lang.UnsatisfiedLinkError: apache-tomcat-7.0.37\bin\tcnative-1.dll:Can load AMD 64
- Mac说——关闭SIP
- srand()和rand()函数的使用
- Arch Linux安装Firefox 火狐中文版
- @ReponseBody返回的json中文乱码-遁地龙卷风
- 【SpringBoot】数据库操作之整合Mybaties和事务讲解
- vue.js及项目实战[笔记]— 01 vue.js
- 常见编码GBK、GB2312、UTF-8、ISO-8859-1的区别
- 通俗讲解 异步,非阻塞和 IO 复用
- python BeautifulSoup 介绍--安装
- set_time_limit
- 关于 Dropout 防止过拟合的问题
- Innosetup新增Wizard Page