Невозможно использовать кнопку отправки без обновления страницы, используя Django

Question

Я новичок в django, и я настроил свой проект точно так же, как учебный проект "опросы". Я пытаюсь, чтобы страница не обновлялась или перенаправлялась в другое представление, когда я отправляю опцию через кнопку.

Это моя деталь. html:

 (...)
 <div class="cardq mt15">
                            <form action="{% url 'polls:vote' question.id %}" method="post">
                                {% csrf_token %}
                                {% for choice in question.choice_set.all %}
                            <!-- New Question -->
                            <div class="cardq__qu">
                                <i class="far fa-question-circle"></i>
                                <!--<p name="choice" id="choice{{ forloop.counter }}" value="{{ choice.id }}">
        <label for="choice{{ forloop.counter }}">{{ choice.choice_text }}</label><br>
                                </p>-->
                                <input type="submit" name="choice" id="choice{{ forloop.counter }}" value="{{ choice.id }}">                                </div>
                            {% endfor %}
 (...)

У меня есть это на моем views.py :

def vote(request, question_id):
question = get_object_or_404(Question, pk=question_id)
try:
    selected_choice = question.choice_set.get(pk=request.POST['choice'])
except (KeyError, Choice.DoesNotExist):
     return render(request, 'polls/detail.html', {
        'question': question,
        'error_message': "You didn't select a choice.",
    })
else:
    selected_choice.votes += 1
    selected_choice.save()
    return HttpResponseRedirect(reverse('polls:results', args=(question.id,)))

Что я в основном хочу, чтобы НЕ перенаправляться на результаты. html и отобразить результаты в деталях. html без обновления страницы , той же самой, на которой были кнопки голосования. Он уже точно отображает результаты опроса на той же странице, но если я нажму одну из кнопок, он будет перенаправлен на страницу результатов.

Answer 1

Попробуйте разобраться с ajax в django. Это хорошая отправная точка.

Answer 2

Чтобы избежать обновления страницы sh, необходимо использовать асин c запросы. Ajax и XMLHttpRequest - это способ избежать refre sh. Эти механизмы позволяют асинхронно передавать данные между браузером и сервером (без refre sh).

В этом сценарии вы хотите добавить событие, прослушивающее кнопку отправки, предотвратить отправку формы и вместо этого вызвать запрос ajax.

Затем в бэкэнде вместо перенаправления вы хотите ответить результатами опроса (html или json).

В * Обработчик 1016 * вернется во внешний интерфейс, затем вам нужно будет обновить или вставить данные туда, куда вам нужно, до go.