JTemplates + $.Ajax

最新推荐文章于 2024-09-30 14:16:32 发布

weixin_30760895

最新推荐文章于 2024-09-30 14:16:32 发布

阅读量58

点赞数

文章标签： json javascript ViewUI

原文链接：http://www.cnblogs.com/j2ee-web-01/p/7383792.html

版权

上篇基础使用后: +AJAX

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

{$T.record.列名}

$(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>