前后台交互

<!-- ////////////////////////// 请款列表模板 开始-->
<div id="rtlist-temple">
        <div class="list-box  m-top-20">
        <div class="list-title font-size-26 clearfix">
        <span class="list-title-txt p-left-20 lef">合同编号:{{numid}}</span><span  class="r-sumtotal p-right-20 rgt">{{sumtotal}}</span>
        </div>
        <div class="list-cont box"> <!-- 内容盒子 样式-->
        <div class="info-txt-lft  p-left-20 lef">
        <P class="r-info-txt-p1 font-size-28 p-bottom-13">客户名称:技术部-陈旭光</P>
        <P class="r-info-txt-p1 font-size-28 p-bottom-13">服务事项:工商注册办理</P>
        <P class="r-info-txt-p1 font-size-28 p-bottom-13">申请时间:2016-09-06</P>
        </div>

        </div>

        </div>
 </div>
 <!-- ////////////////////////// 请款列表模板 结束-->

  $(document).ready(function(){

 var temple =$("#rtlist-temple").html(); /*获取替换模板*/
  var list="";
for (var i = 0; i <5; i++)
 {
    var str=temple.replace(/{{numid}}/g,"BGHU20160817015").replace(/{{sumtotal}}/g,"¥30000,00");
    list+=str;
  }
 $('.item_scroll').append(list);

 });

原文地址:https://www.cnblogs.com/xiaoliu12/p/6085750.html