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