Получение "Метод не разрешен: / users / update_contact /"

Question

Эта моя javascript функция предназначена для обновления моей базы данных. Однако я получаю две ошибки:

1. Метод не разрешен: / users / update_contact / "
2. SyntaxError: JSON .parse: неожиданный конец данных в строке 1 столбца 1 из JSON данные

Наконец, моя база данных не обновляется.

Ниже находится кнопка для вызова функции:

<button onclick="update_contact()" class="update_contact">Update Contact Info</button>

Django Просмотр:

class UserContactUpdate(View):

    model = Contact
    fields = ["github_profile_link", "phone_number", "email_address"]
    git = "https://www.github.com/"

    def get_object(self):
        return get_object_or_404(Contact)

    def get_success_url(self):
        return reverse("users:view_profile")

    def post(self, request, *args, **kwargs):
        contact = self.get_object()
        contact.github_profile_link = self.git + request.POST['github_username']
        contact.mobile_number = request.POST['mobile_number']
        contact.email_address = request.POST['email']
        contact.save()
        print ("contact link is" + contact.github_profile_link,
                "mobile number is" + contact.mobile_number,
                "email adress is " + contact.email_address)
        return HttpResponse("contact saved")

update_contact = UserContactUpdate.as_view()     

Django URL:

path('update_contact/', view=update_contact, name="update_contact"),

function update_contact (){
    url = "{% url 'users:update_contact' %}"; 

    git_profile = prompt("enter git profile name")
    phone = prompt("enter phone number")
    email = prompt("enter email address")

    const contact = {
        "git_profile" : git_profile,
        "phone_number" : phone,
        "email" : email 
    };  
  var stringify_contact = JSON.stringify(contact);

    const options = {
        method: 'POST',
        body: JSON.parse(stringify_contact),
    mode: 'same-origin',
    dataType: 'json',
        headers : {
            'content-Type' : 'application/json',
            'X-CSRFToken': csrftoken,
            }
        }

    fetch(url, options)
        .then(res => res.json())
        .then(res => console.log(res))
}

Answer 1

Почему вы набрали JSON.parse на вашей JSON строке? В теле запроса должна быть строка JSON, а не объект javascript. Итак, измените

 const options = {
        method: 'POST',
        body: JSON.parse(stringify_contact),
        mode: 'same-origin',
        dataType: 'json',
        headers : {
            'content-Type' : 'application/json',
            'X-CSRFToken': csrftoken,
            }
        }

на

 const options = {
        method: 'POST',
        body: stringify_contact,
        mode: 'same-origin',
        dataType: 'json',
        headers : {
            'content-Type' : 'application/json',
            'X-CSRFToken': csrftoken,
            }
        }

Что касается вашей другой проблемы, связанной с не разрешенным методом, можете ли вы сначала попробовать описанный выше способ и посмотреть, придет ли он снова? Кроме того, каков метод запроса, который вы получаете на свой сервер? Вы можете проверить это с помощью инструментов dev в вашем браузере.