Question

我正在尝试使用jsrender模板，因为我收到了一些复杂的json对象，因此需要根据json数据即时构建卡片布局。

<div class="card">
<form id="testform">
  <div class="form-group">
  <textarea class="form-control" id="test" rows="2" column="20" placeholder="Write some comment"></textarea>  
  </div>
 <button type="submit" class="btn btn-primary">Submit</button> 
</form>
</div>

<div id="responsepre"></div>
<script id="comment-card" type="text/x-jsrender">

  <div class="card">

    {{:data}}
  </div>

</script>

$("document").ready(function() {
  "use strict";

  $("#testform").submit(function(event){
    event.preventDefault();
    var data = $("#test").val();
  //  console.log(data1);   
  //  var data={"data":data1};

   var temp = $.trim($('#comment-card').html()); 
   var item = $(temp).clone();
   var template = $.templates("#comment-card");
   var htmlOutput = template.render(data);
   $("#responsepre").html(htmlOutput);

  });

});

在上面的代码中，我添加了一些文本，然后单击“提交”，将其附加到某些div标签上，到目前为止，它仍然有效，

我基本上需要的是，如果我确实提交了2次，则代码应选择2次模板并将其附加到div而不进行覆盖。我需要一些思考方法，以解决这个问题。

具有jQuery ajax响应的jsview模板

0 个答案: