Шаблоны jsview с ответом jquery ajax - PullRequest
Новая
       24

Шаблоны jsview с ответом jquery ajax

0 голосов
/ 15 января 2019

Я пытаюсь использовать шаблоны 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 без перезаписи. Мне нужны мысли о том, как это сделать.

...