art-template语法_template模板

art-template语法_template模板刚开始,在没有使用这个模板之前,一致都是后台返回一个json的字符串,来在前端自己拼接字符串,不但麻烦,而且费时费力,而且还有时候经常拼接错误!导致了工作效率的延长js模板的使用<scrip

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺


刚开始,在没有使用这个模板之前,一致都是后台返回一个json的字符串,来在前端自己拼接字符串,不但麻烦,而且费时费力,而且还有时候经常拼接错误!导致了工作效率的延长

js模板的使用
<script type="html" id="temp">
{{if data.flag}}
    {{each data.info as value i}}
        <tr>
            <td><span>{{value.name}}</span></td>
            <td><span>{{value.mobile}}</span></td>
            <td><span class="color333">{{value.company_name}}</span></td>
            <td><span>{{value.linkman}}</span></td>
            <td><span>{{value.create_time}}</span></td>
        </tr>
    {{/each}}
    <tr>
        <td colspan="5"><span>{{data.PageAllNum}}</span>页/第<span>{{data.PageNum}}</span>页&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        {{if data.prev}}<span onclick='PageJump(this,"{{data.prev}}","{{data.card_section}}")'>上一页</span>{{/if}}
        {{if data.next}}<span onclick='PageJump(this,"{{data.next}}","{{data.card_section}}")'>下一页</span>{{/if}}
        </td>
    </tr>
{{/if}}
</script>

 

返回的json数据格式

{
    "pageNum": 1,
    "AllPageNum": 1,
    "info": [
        {
            "id": "35",
            "card_men": "于庆恒",
            "card_mobile": "13161589217",
            "card_num": "200",
            "card_company": "",
            "time": "2016-12-22 10:47",
            "card_section": "9000002110-9000002699",
            "percentage": "0"
        },
        {
            "id": "8",
            "card_men": "于庆恒",
            "card_mobile": "13161589217",
            "card_num": "200",
            "card_company": "",
            "time": "2016-12-22 10:47",
            "card_section": "9000002110-9000002699",
            "percentage": "0"
        }
    ],
    "flag": true,
    "pid": "42"
}

ajax时的代码使用

function PageJump(obj,page,card){
    $.ajax({
        url:"/admin.php/User/vip_people_card",
        type:"GET",
        data:{PageNum:page,card_section:card},
        dataType:"json",
        success:function(msg){
            console.log(msg);
            var html = template('temp', {data: msg});
            $(obj).parents('.tbody').html(html);
        }
    })
}

注:art-template语法_template模板中的temp必须和art-template语法_template模板

这个保持一致,type也不能为空,也不可以为”text/javascript”

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/166944.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • Tomcat 下载安装与配置

    Tomcat 下载安装与配置一、下载tomcat下载链接:https://tomcat.apache.org/1、进入tomcat官网后,选择需要下载的版本。我使用的是tomcat9,所以在这我选择tomcat92、选择z

  • Excel2JSON Excel转JSON Excel另存为JSON的技巧

    Excel2JSON Excel转JSON Excel另存为JSON的技巧不过欢迎大家转发到微博、微信、朋友圈~么么哒~JSON是码农们常用的数据格式,轻且方便,而直接手敲JSON却是比较麻烦和令人心情崩溃的(因为重复的东西很多),所以很多码农可能会和我一样,选择用Excel去输入数据,然后再想办法转换成JSON格式。小编今天推荐使用Excel直接另存为JSON的方法。该方法的特点是:除可以正常的直接按照表头作为key,内容作为value输出之外,还可以

  • 一些sql

    1、说明:创建数据库CREATE DATABASE database-name 2、说明:删除数据库drop database dbname3、说明:

    2021年12月25日
  • 使用Diskgenius将U盘分区,分为启动盘和文件存储两大功能详解

    使用Diskgenius将U盘分区,分为启动盘和文件存储两大功能详解DiskGenius是一款集分区办理与数据规复功效的东西软件。它是在最初的DOS版的底子上开辟而成的。准备工作:1.DiskGenius软件2.带有系统的U盘(我是用ULtraISO软件将ISO镜像写入到U盘的,方法:http://jingyan.baidu.com/article/a948d651b0f6a20a2dcd2eae.html)3.电脑第一步:将U盘中的系

  • 3.4 《数据库系统概论》之数据查询—SELECT(单表查询、连接查询、嵌套查询、集合查询、多表查询)

    3.4 《数据库系统概论》之数据查询—SELECT(单表查询、连接查询、嵌套查询、集合查询、多表查询)文章目录0.前言1.思维导图2.Student/SC/Course表数据及结构3.SELECT语句的一般格式4.单表查询(1)选择表中的若干列①查询指定列②查询全部列③查询经过计算的值❶算术表达式❷字符串常量及函数❸使用列别名改变查询结果的列标题(2)选择表中的若干元组(行)①关键词DISTINCT去掉表中重复的行②查询满足条件的元组(行)❶比较大小❷确定范围❸确定集合❹字…

  • socket通信简单介绍

    socket通信简单介绍

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号