arttemplate模板引擎里面多层循环

要使用支持原生js的插件:

代码截图: json数据

{  "list": [    {      "name": "学历层次",      "item": [        "博士",        "硕士",        "本科",        "专科"      ]    },    {      "name": "门类",      "item": [        "哲学",        "法学",        "教育学",        "文学",        "历史学",        "理学"      ]    },    {      "name": "学科",      "item": [        "经济学类",        "财政学类",        "金融学类",        "经济与贸易学类"      ]    },    {      "name": "专业",      "item": [        "电子信息与科学",        "经济学",        "经济统计学",        "国民经济",        "能源经济"      ]    },    {      "name": "院校层次",      "item": [        "教育部",        "其它中央部委",        "地方所属"      ]    },    {      "name": "院校层次",      "item": [        "教育部",        "其它中央部委",        "地方所属"      ]    },    {      "name": "院校特色",      "item": [        "985",        "211",        "研究生院校"      ]    }  ]}

运用模板

<script id="test" type="text/html">        <%for( i = 0; i < list.length; i++) {%>                 <ul>                   <%for( j = 0; j < list[i].item.length; j++) {%>                         <li> <%=list[i].item[j]%></li>                    <%}%>                </ul>                <%}%></script>

ajax请求：

$(".btn").click(function(){    $.ajax({        type:"POST",        url:"../../js/info.json",        dataType: "json",        success: function(data){            var html = template('test',data);            $("#date").html(html);        }    });})

转载于:https://www.cnblogs.com/poilk/p/6483144.html

arttemplate模板引擎里面多层循环相关推荐

Koa中使用art-template模板引擎，以及如何接受post请求等
直接上代码,每个代码的作用都有注释: 实现了以下功能: 1.koa中如何使用路由 2.koa中如何使用art-template模板引擎 3.koa中如何使用koa-static解析静态文件 4.koa ...
Ajax（jQuery封装），表单form提交（Ajax），art-template模板引擎，原生Ajax，XML和JSON，axios，跨域和JSONP，防抖和节流，HTTP协议
目录服务器基本概念 1.URL 2.URL地址的组成部分 3. 图解客户端与服务器的通信过程 4.网页中如何请求数据 5.资源的请求方式 Ajax jQuery中的Ajax 1. $.get()函数 ...
artTemplate模板引擎及ajax封装
模板引擎模板引擎介绍客户端中拿到请求的数据过后最常见的就是把这些数据呈现到界面上. 如果数据结构简单,可以直接通过字符串操作(拼接)的方式处理,但是如果数据过于复杂,字符串拼接维护成本太大,就不推 ...
Express与传统Web应用（服务端渲染、art-template模板引擎、配置静态资源托管）
一.服务端渲染相关的概念什么是渲染? 例如对于我们前端开发者来说最常见的一种场景就是:请求后端接口数据,然后将数据通过模板绑定语法绑定到页面中,最终呈现给用户. 数据: 模板: 渲染(数据+模板)结 ...
requirejs整合art-template模板引擎
相关官网 requirejs官网 art-template模板引擎官网目录结构文件目录介绍: domReady.js /用于暂停上层应用的执行,直到DOM准备好再进行查询/修改(requirej ...
在 Express中配置使用 art-template 模板引擎 --- express-art-template
1. 模板引擎为了使 art-template模板引擎能够更好地和Express框架配合,模板引擎在原art-template模板引擎的基础上封装了 express-art-template 安装 ...
art-template模板引擎详解
1. 模板引擎 art-template中文文档:https://www.kancloud.cn/lanju/art-template/1500276 1.1 Ajax 项目中存在的问题数据和HTM ...
前端开发--art-template模板引擎及实现原理
#博学谷IT学习技术支持# 目录简介安装使用步骤编辑 art-template标准语法值输出原文输出条件输出循环输出过滤器模板引擎的实现原理 1.基本语法 2.分组 3.字符串的 ...
artTemplate模板引擎的源码拜读
最初接触的模板引擎还是基于node的ejs,当时觉得很神奇原来还可以这么玩,后来随着学习的深入,使用过jade,doT等,当然还有一些比较火的诸如juicer.underscore还没有深入接触,直到 ...

arttemplate模板引擎里面多层循环

arttemplate模板引擎里面多层循环相关推荐

最新文章

热门文章