Как вставить данные в базу данных, используя Django и AJAX?

Question

У меня есть простая веб-страница, которая позволяет пользователю вводить данные, используя форму.Я использую Django с Ajax для ввода новых записей в базу данных.Проблема заключается в том, что после выбора пользователем веб-страницы система отображает следующую ошибку:

MultiValueDictKeyError at / addperson / 'na' Метод запроса: GET URL запроса: http://127.0.0.1:8000/addperson/ Версия Django:2.1.3 Тип исключения: MultiValueDictKeyError Значение исключения: 'na' Расположение исключения: C: \ Users \ LT GM \ AppData \ Local \ Programs \ Python \ Python37 \ lib \ site-packages \ django \ utils \ datastructures.py в getitem , строка 79 Исполняемый файл Python: C: \ Users \ LT GM \ AppData \ Local \ Programs \ Python \ Python37 \ python.exe Версия Python: 3.7.1 Путь к Python: ['C: \ Users \ LT''GM \ Downloads \ Django-Related-DropDowns-master \ Django-Related-DropDowns-master', 'C: \ Users \ LT GM \ AppData \ Local \ Programs \ Python \ Python37 \ python37.zip', 'C: \Users \ LT GM \ AppData \ Local \ Programs \ Python \ Python37 \ DLLs ',' C: \ Users \ LT GM \ AppData \ Local \ Programs \ Python \ Python37 \ lib ',' C: \ Users \ LT GM \ AppData\ Local \ Programs \ Python \ Python37 ',' C: \ Users \ LT '' GM \ AppData \ Local \ Programs \ Python \ Python37 \ lib \ site-packages '] Время сервера: пн, 4 мАr 2019 07:10:33 + 0000

models.py

class Person(models.Model):
    boolChoice = (
        ("Male","M"),("Female","F")
        )

    name = models.CharField(max_length=50)
    date = models.DateTimeField()
    description = models.TextField()
    gender = models.BooleanField(choices= boolChoice)

    def __str__(self):
        return str(self.name)

urls.py

from django.urls import path, include

from django.contrib import admin
from map import views as mapviews
admin.autodiscover()

urlpatterns = [

                       path('admin/', admin.site.urls),
                       path('', mapviews.index),
                       path('addperson/',mapviews.addperson),

                      ]

addperson.html

{% extends 'base.html' %} {% block content %}

<div class="hero__content">
  <form method="POST" class="form-style-9">
    {% csrf_token %} {{ form.as_p }}

    <ul>
      <script
        type="text/javascript"
        src="http://code.jquery.com/jquery-latest.min.js"
      ></script>
      <li>
        {#
        <input
          type="number"
          name="field1"
          class="field-style field-split align-right"
          placeholder="اﻟﺴﻨﺔ"
          id="year"
        />
        #} {#
        <input
          type="date"
          name="field2"
          class="field-style field-split align-left"
          placeholder="اﻟﺘﺎﺭﻳﺦ"
          id="date"
        />
        #}
        <h2>Add Member</h2>
      </li>

      <li>
        <input
          type="text"
          name="name"
          class="field-style field-split align-right"
          placeholder="enter ur name "
          id="name"
        />
      </li>
      <li>
        <input
          type="text"
          name="date"
          class="field-style field-full align-none"
          placeholder=" your birthdate"
          id="birthdate"
        />
      </li>
      <li>
        <input type="radio" name="gender" id="male" value="male" /> Male<br />
        <input type="radio" name="gender" id="female" value="female" />
        Female<br />
      </li>

      <li>
        <textarea
          name="description"
          class="field-style"
          placeholder="introduce yourself "
          id="description"
        ></textarea>
      </li>

      <li>
        <input
          type="submit"
          class="field-style field-full align-none"
          id="save"
          value="ADD"
        />
        <script type="text/javascript">
          $(function() {
            $("#save").on("click", function(e) {
              e.preventDefault();
              name = $("#name").val();
              birthdate = $("#birthdate").val();
              description = $("#description").val();
              radioValue = $("input[name = 'gender']:checked").val();
              alert("radioValue =", radioValue);
              $.ajax({
                url: "/create/te2chira",
                method: "POST",
                data: {
                  na: name,
                  bi: birthdate,
                  de: description,
                  ra: radioValue
                },
                headers: {
                  "X-CSRFToken": "{{csrf_token}}"
                }
              })
                .done(function(msg) {
                  document.location = "/home.html";
                  alert("ﻟﻘﺪ ﺗﻢّ ﺣﻔﻆ اﻟﻤﻌﻠﻮﻣﺎﺕ");
                })
                .fail(function(err) {
                  alert("ﻟﻢ ﻳﺘﻢ اﻟﺤﻔﻆ");
                });
            });
          });
        </script>
      </li>
    </ul>
  </form>
</div>

{% endblock %}

views.py

def addperson(request):

        name = request.POST['na']
        birthdate = request.POST['bi']
        description=request.POST['de']
        radiovalue=request.POST['ra']  

        person=Person.objects.create(
        name=name,date=birthdate,description=description,
        gender=radiovalue
        )
        person.save()
        return render(request,'./home.html')

Answer 1

Выборка данных с использованием get метода

  def addperson(request):
        data = request.POST
        name = data.get('na', '')
        birthdate = data.get('bi', '')
        description= data.get('de', '')
        radiovalue= data.get('ra', '')  

        person=Person.objects.create(
        name=name,date=birthdate,description=description,
        gender=radiovalue
        )
        person.save()
        return render(request,'./home.html')

Answer 2

Обратите внимание, что ваш шаблон URL заканчивается косой чертой, а URL, который вы используете в вызове Ajax, - нет.

В результате Django автоматически перенаправляет вас из / addperson в / addperson /.Но перенаправление - это всегда GET, поэтому все ваши данные теряются, и поиск request. POST завершается неудачей.

Решение состоит в том, чтобы просто использовать / addperson / в вызове Ajax, хотя вы, вероятно, захотите сделать представлениеболее надежный в любом случае.