ajax与模板引擎

最新推荐文章于 2024-04-02 22:01:50 发布

一个叫kevin的死肥宅

最新推荐文章于 2024-04-02 22:01:50 发布

阅读量294

点赞数

本文链接：https://blog.csdn.net/weixin_43003949/article/details/106686038

版权

在这里插入图片描述

示例代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <!-- 1. 将模板引擎的库文件引入到当前页面 -->
    <script src="/js/template-web.js"></script>
</head>
<body>
    <div id='container'></div>
    <!-- 2.准备art-template模板 需要有id属性来与其他引擎进行区分-->
    <script type='text/html' id="tpl">
        <!-- 4.告诉模板在何处如何进行拼接 -->
        <h1>{{username}}</h1>
    </script>
    <script type="text/javascript">
        //3.告诉模板引擎将哪个数据与哪个数据进行拼接
        //第一个参数 模板id  第二个参数 对象类型的数据
        //方法的返回值是拼接好的字符串
        var html = template('tpl', {
            username: 'zhangsan',
            age: 20
        });
        // 5.将拼接好的html字符串添加到页面中        document.querySelector('#container').innerHTML = html;
    </script>
</body>
</html>

优惠劵

一个叫kevin的死肥宅

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ajax与模板引擎

示例代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title>  <script src="/js/template-web.js"></script></head><..
复制链接

扫一扫