Добавление нескольких объектов в одну форму

У меня есть форма, чтобы взять билет на автобус

Но вы также можете добавить еще один билет и заполнить ту же форму

Я обрабатываю это с помощью Ajax следующим образом:

function createTickets() {
   let tickets = document.querySelectorAll(".ticket-form");
     for (var i = 0; i < tickets.length; i++) {
       let ticketForm = tickets[i].querySelectorAll("input");
       let single_data = {};
       for (var j = 0; j < ticketForm.length; j++) {
         single_data[ticketForm[j].name] = ticketForm[j].value;
       }

       var csrftoken = $('[name="csrfmiddlewaretoken"]').val();

       $.ajax({
         url: window.location.origin + "/tickets/create-ticket/",
         headers: {
           "X-CSRFToken": csrftoken,
         },
         type: "POST",
         data: single_data,
         success: function (data) {
           console.log("maca");
         },
         error: function (err) {}
       });
    }
}

Это мой views.py

def ticket_create(request):
   ticket_form = TicketForm(request.POST)

   if ticket_form.is_valid():
      ticket_form.save()

   return HttpResponse("")

Является ли это хорошим способом, или я могу справиться другим способом?

Вернуться на верх