zoukankan      html  css  js  c++  java
  • 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>

  • 相关阅读:
    通过strace 监控 fdatasync
    RAID 2.0
    AHCI vs NVMe
    NVMe 图解
    详解linux运维工程师入门级必备技能
    条带深度 队列深度 NCQ IOPS
    NVMe 与 AHCI
    IO负载高的来源定位 IO系列
    磁盘性能指标--IOPS 理论
    java程序员从笨鸟到菜鸟系列
  • 原文地址:https://www.cnblogs.com/j2ee-web-01/p/7383792.html
Copyright © 2011-2022 走看看