jsp中使用dot.js

dot 模板

 

<script type="text/x-dot-template" id="qq">
<div class="main_huod" >

     {{~it:v1:index}}
         <dl>
          <dt>{{=v1.name}}</dt>
         {{~v1.children:v2:index1}}
           <dd>{{=v2.name}}</dd>
          {{~}}
         </dl>
     
    {{~}}

</div>

</script>

//插入模板生成代码的div

 <div id="cdsq_list_frm">

调用数据并填充

  <script type="text/javascript">

//将模板代码提取出来
var tmpText = doT.template($("#qq").html());

//获得模板代码需要的参数（servlet传过来的）
var result=${result};

//将参数放入模板，并将生成的代码放入div中
$("#cdsq_list_frm").html(tmpText(result));