Данные не отправляются через Ajax не отправляются

здесь код ajax

$('#form').on('submit', function(e){

        $.ajaxSetup({
            headers: {
                "X-CSRFToken": document.querySelector('[name=csrfmiddlewaretoken]').value,
            }
        });
        $.ajax({
             type : 'POST', 
             url: "{% url 'HealthTest' %}",
             data: {
              first_name : $('#first_name').val(),
              deparment : $('#deparment').val(),
              Reg_No : $('#Reg_No').val(),
              Health_status : $('#Health_status').val(),
              dataType: "json",
             },

             success: function(data){
                $('#output').html(data.msg) /* response message */
             },
      
             failure: function() {
             }
            });

});

Код формы

{% csrf_token %}{{form.as_p}}



когда я нажимаю кнопку submit на моих страницах, в консольном окне появляется сообщение об ошибке введите описание изображения здесь

Я пробовал разные решения, но они не работают. Я новичок в этом деле Спасибо заранее.

Сначала настройте urls.py:

from .views import functionpost

urlpatterns = [
    path('<url>', functionpost),
]

На стороне Python views.py: 

from django.http import JsonResponse

def functionpost(self, request): 
    if request.method == 'POST':
        context = {'informations':{'info1': request.POST['information_1']}, 
                   'info2': request.POST['iformation_2']}
        return JsonResponse(context)

В html формах постов идет:

<form id="post-form" method="POST">

    {% csrf_token %}

    <div class="input-group form-group">
        <input type="text" class="form-control form-control-sm" 
         id="information_1">
    </div>

    <div class="input-group form-group">
        <input type="text" class="form-control form-control-sm" 
         id="information_2">
    </div>

    <button type="submit" class="main-btn">Button</button>
</form>

js:

$.ajax({
    type:'POST',
    url:"<intire_url>", 
    data: {
        information1:$('#information_1').val(),
        information2:$('#information_2').val(),
        csrfmiddlewaretoken:$('input[name=csrfmiddlewaretoken]').val(),
        },
    success: function(data) {
        alert(data.informations['info1'] + data.informations['info2']);
        }
   });
Вернуться на верх