使用JSTmplate向页面渲染数据

1.引入模板

2.定义JSTmplate模板

3.将数据赋值给模板

4.把赋值后的模板中的值放到相应位置

示例代码：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title></title><!--1.引入模板--><script src="js/template.js"></script>
</head>
<body><div id="content"></div>
<!--2.定义js模板-->
<script id="myTpl" type="text/html"><!--直接赋值--><h1>{{title}}</h1><!--判断-->{{if isAdmin}}<p>显示p</p>{{/if}}<!--遍历-->{{each list as value}}<li>{{value}}</li>{{/each}}
</script><script>var data = {title:'射手',isAdmin:true,score:61,list:['鲁班','孙尚香','马可波罗','公孙离','后裔','伽罗']};/*3.将数据赋值给模板*/var html = template('myTpl',data);/*4.把赋值后的模板中的值放到相应的位置*/document.getElementById("content").innerHTML=html;
</script>
</body>
</html>

使用JSTmplate向页面渲染数据（使用方法示例）相关推荐

php使用 js格式解析,JavaScript解析JSON格式数据的方法示例
本文实例讲述了JavaScript解析JSON格式数据的方法.分享给大家供大家参考,具体如下: 1.使用JavaScript提供的eval()函数function JsonText1() { var ...
python表格怎么复制内容_PyQT5 实现快捷键复制表格数据的方法示例
本文主要介绍了PyQT5 实现快捷键复制表格数据的方法示例,分享给大家,具体如下: 表格数据如下: # -*- coding:utf-8 -*- import pyperclip from PyQt5 ...
asp.net页面间数据传递方法总结篇
1. Get(即使用QueryString显式传递) 方式:在url后面跟参数. 特点:简单.方便. 缺点:字符串长度最长为255个字符:数据泄漏在url中. 适用数据:简单.少量.关键的数据. 适用 ...
ajax 通过json xml文件,php+Ajax处理xml与json格式数据的方法示例
本文实例讲述了php+Ajax处理xml与json格式数据的方法.分享给大家供大家参考,具体如下: 一.ajax如何处理xml数据格式 register.php 只需修改上一篇<php+Ajax ...
python爬取天气数据_用python爬取历史天气数据的方法示例
某天气网站(www.数字.com)存有2011年至今的天气数据,有天看到一本爬虫教材提到了爬取这些数据的方法,学习之,并加以改进. 准备爬的历史天气爬之前先分析url.左上有年份.月份的下拉选择框, ...
php xml 格式化,php简单处理XML数据的方法示例
本文实例讲述了php简单处理XML数据的方法.分享给大家供大家参考,具体如下: 把XML转换成对象直接调用里面的属性 $note=<< Tove Jani Reminder XML; $x ...
android 获取加速度传感器值,Android开发获取传感器数据的方法示例【加速度传感器，磁场传感器，光线传感器，方向传感器】...
本文实例讲述了Android开发获取传感器数据的方法.分享给大家供大家参考,具体如下: package mobile.android.sensor; import java.util.List; im ...
android开发中磁场传感器,Android开发获取传感器数据的方法示例【加速度传感器，磁场传感器，光线传感器，方向传感器】...
本文实例讲述了Android开发获取传感器数据的方法.分享给大家供大家参考,具体如下: package mobile.android.sensor; import java.util.List; im ...
1对多只取一条 mysql_MySQL 多表关联一对多查询实现取最新一条数据的方法示例...
本文实例讲述了MySQL 多表关联一对多查询实现取最新一条数据的方法.分享给大家供大家参考,具体如下: MySQL 多表关联一对多查询取最新的一条数据遇到的问题多表关联一对多查询取最新的一条数据, ...
C#使用FileStream循环读取大文件数据的方法-示例代码
C#使用FileStream循环读取大文件数据的方法循环读取大文件数据 using System.IO; class Program {//循环读取大文本文件static void Main(str ...

使用JSTmplate向页面渲染数据（使用方法示例）

使用JSTmplate向页面渲染数据

1.引入模板

2.定义JSTmplate模板

3.将数据赋值给模板

4.把赋值后的模板中的值放到相应位置

使用JSTmplate向页面渲染数据（使用方法示例）相关推荐

最新文章

热门文章