Question

我将问题动态添加到问卷中。我需要通过数据库中的POST方法传递我的问题。

我的模板：

<div class="questions mb-3" id="questions" model-attribute="questionsForm"> 
</div>

<script>
    $(document).ready(function () {

     $("#addQuestion").click(function () {
       var i = 1;
       $("#questions").append(
                        '<div id="q' + i + '" class="card border-info mb-3 mt-3" style="width: 40rem;" >\n' +
                        '<div class="card-body">\n' +
                          '<div class="form-inline mt-3">\n' +
                           '<input class="form-control col-sm-8 mr-2" type="text" name="tags">\n' +
                           '</div>\n' +
                          '</div>\n' +
                        '</div>');
                    i++;
                  });
                });
</script>

Answer 1

您可以使用Fetch API在本地执行此操作（无需任何外部库）。

为了通过请求正文发送POST请求，您需要将问题存储在数组中，然后使用JSON.stringify（）将其转换为JSON字符串。

这是带有POST请求的方法的实现：

var gallery = $('.owl-carousel');

gallery.owlCarousel({
  items: 1,
  loop: true,
  onInitialized: counter,
  onChanged: counter,
});

function counter(event) {
  if (!event.namespace) {
    return;
  }
  var slides = event.relatedTarget;
  $('.slider-counter').text(slides.relative(slides.current()) + 1 + '/' + slides.items().length);
}

Answer 2

您可以将问题放入数组中，并将该数组传递到发布请求的正文中，并在后端处理它。如果您想知道如何进行发布请求，则可以查看AJAX。 http://api.jquery.com/jquery.ajax/

如何将元素列表传递到post方法中？

2 个答案: