前後臺交互

<!-- ////////////////////////// 請款列表模板 開始-->
<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);

 });