当前位置: 首页 > news >正文

JTemplates + $.Ajax

上篇基础使用后: +AJAX

只需要改列名即可 :<script type="text/template" id="foreach">   里的循环

{$T.record.列名}

 


<script src="~/Js/jquery-2.1.0.js"></script>
<script src="~/Js/md5.js"></script>
<script src="~/Js/jquery-jtemplates.js"></script>
<script type="text/javascript">

 $(function ($) {

    
        $('#Getdatalist').on('click', function () {
            $.ajax({
                type: "post",    //请求方式
                async: false,
                url: "A",
                success: function (data) {
                    var datas = JSON.parse(data)
                    var da2 = JSON.parse(datas.ResultJson);
                    $('#foreachResult').setTemplate($('#foreach').html()).processTemplate(da2);
                }

            });
        });

     
        
    });


 



</script>

<script type="text/template" id="foreach">   
        {#foreach $T.AgentList as record begin=0}  
        <tr>  
            <td>{$T.record.nAgentID}</td>  
            <td>{$T.record.sAgentCode}</td>  
              <td>{$T.record.sCommission}</td>  
        </tr>  
        {#/for}  
     
     
    
</script>



<body>
      <table>  
    <thead>  
        <tr>  
            <td>Age</td>  
            <td>First?</td>  
            <td>Last?</td>  
        </tr>  
    </thead>  
    <tbody id="myistrue">  
    </tbody>  
</table>
    <section class="featured">
    <button  id="Getdatalist">调取列表</button>
    </section>
</body>

转载于:https://www.cnblogs.com/j2ee-web-01/p/7383792.html

相关文章:

  • 面向对象编程思想-命令模式
  • C#自定义事件模拟风吹草摇摆
  • 仿真反射详解(二)
  • alwayson01-搭建域环境
  • freemark基础知识
  • avaweb(三十二)——JDBC学习入门
  • 希尔排序之C++实现(初级版)
  • 在linux中,如何增加、修改、删除、暂停和冻结用户名
  • 深入理解Java内存模型——volatile
  • js面试中长见的算法题(转载)
  • Mybatis避免出现语法错
  • 94)图片验证码
  • css的存在形式及优先级
  • Java学习3——java介绍
  • VS编译器问题总结
  • 网络传输文件的问题
  • 《Java8实战》-第四章读书笔记(引入流Stream)
  • 【跃迁之路】【699天】程序员高效学习方法论探索系列(实验阶段456-2019.1.19)...
  • 2018天猫双11|这就是阿里云!不止有新技术,更有温暖的社会力量
  • JavaScript创建对象的四种方式
  • Java面向对象及其三大特征
  • JS正则表达式精简教程(JavaScript RegExp 对象)
  • Making An Indicator With Pure CSS
  • MySQL数据库运维之数据恢复
  • socket.io+express实现聊天室的思考(三)
  • SpiderData 2019年2月25日 DApp数据排行榜
  • spring boot下thymeleaf全局静态变量配置
  • 百度小程序遇到的问题
  • 闭包--闭包之tab栏切换(四)
  • 聊聊sentinel的DegradeSlot
  • 使用 Node.js 的 nodemailer 模块发送邮件(支持 QQ、163 等、支持附件)
  • 思考 CSS 架构
  • 通过获取异步加载JS文件进度实现一个canvas环形loading图
  • 写给高年级小学生看的《Bash 指南》
  • #我与Java虚拟机的故事#连载04:一本让自己没面子的书
  • (Spark3.2.0)Spark SQL 初探: 使用大数据分析2000万KF数据
  • (附源码)springboot青少年公共卫生教育平台 毕业设计 643214
  • (每日持续更新)jdk api之FileFilter基础、应用、实战
  • (深入.Net平台的软件系统分层开发).第一章.上机练习.20170424
  • (四)图像的%2线性拉伸
  • (转)Linux NTP配置详解 (Network Time Protocol)
  • (转)memcache、redis缓存
  • .halo勒索病毒解密方法|勒索病毒解决|勒索病毒恢复|数据库修复
  • .NET Core 通过 Ef Core 操作 Mysql
  • .NET core 自定义过滤器 Filter 实现webapi RestFul 统一接口数据返回格式
  • .Net 应用中使用dot trace进行性能诊断
  • .NET运行机制
  • @DependsOn:解析 Spring 中的依赖关系之艺术
  • [ 云计算 | Azure 实践 ] 在 Azure 门户中创建 VM 虚拟机并进行验证
  • [20170705]lsnrctl status LISTENER_SCAN1
  • [BJDCTF2020]The mystery of ip1
  • [BZOJ 4598][Sdoi2016]模式字符串
  • [BZOJ1089][SCOI2003]严格n元树(递推+高精度)
  • [C#基础]说说lock到底锁谁?
  • [C++]类和对象【下】