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);
        }
    });
})

巴特西

arttemplate模板引擎里面多层循环

最新文章

热门文章