Как передать список элементов в метод post?

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

Вы можете сделать это изначально (без каких-либо внешних библиотек) с помощью API Fetch .

Чтобы отправить запрос POST с телом запроса, вам нужно будет сохранить свои вопросы.в массиве и преобразовать его в строку JSON с помощью JSON.stringify ().

Вот реализация метода с запросом POST:

function sendData(questionsArr) {
  fetch('/some-endpoint', {
    method: 'post',
    body: JSON.stringify(questionsArr)
  }).then(response => {
    return response.json();
  }).then(data => {
    // response
    console.log(data)
  });
}

Answer 2

Вы можете поместить вопросы в массив, передать массив в теле запроса post и обработать его в своем бэкэнде.Если вы хотите узнать, как сделать почтовый запрос, вы можете заглянуть в AJAX.http://api.jquery.com/jquery.ajax/