CSRF_TOKEN missing or incorrect

@Easylight · Регистрация: 22.01.2021

Студворк — интернет-сервис помощи студентам

Привет ребята. CSRF_TOKEN не даёт покоя уже несколько дней.
Что я хочу сделать:
Моя задача стоит в том, что я, используя AJAX, хочу удалить пост из базы данных.

Вот мой JS файл:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
$("#delete_service").click(function(event) {
    event.preventDefault();
});
 
function deleteService(pk) {
    const csrftoken = document.cookie.split('=')[1];
    console.log(csrftoken);
 
    let confirmation = confirm('Вы хотите удалить эту услугу?');
    if (confirmation) {
        $.ajax({
            url: $("#delete_service").attr('data-ajax-target'),
            type: 'DELETE',
            data: {
                service_pk: pk,
                'csrfmiddlewaretoken': csrftoken,
            },
            success: function() {
                console.log('hello world');
            },
            error: function(xhr, errormsg, err) {
                console.log(xhr, errormsg, err);
            },
        });
    };
};

Template:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<div class="container mt-4">
    <div class="d-flex position-relative mt-3" id="service_info">
 
    <!-- Если есть картинка, тогда отобразить её -->
      {% if service.picture %}
      <img id="service_image" src="{{ service.picture.url }}" height="200" class="rounded">
      {% endif %}
      <div class="container border px-5">
        <br>
        <h5 id="service_title" class="mt-0">{{ service.title }}</h5>
        <p id="service_descriptions">{{ service.descriptions }}</p>
        <p id="service_price">{{ service.price }}</p>
        <p><a href="{% url 'account' service.user.pk %}">{{ service.user }}</a></p>
          <span class="container d-flex justify-content-end">
              {{ service.date_created|date:'d.m.Y H:i:s'}}
          </span>
      </div>
    </div>
</div>
 
<!-- Если владелец этой услуги, тогда отобразить ему кнопки -->
{% if owner %}
<div class="container mt-3">
    <a href="{% url 'update' service.pk %}" id="update_button" data-ajax-target="{% url 'service_id' service.pk %}" data-bs-toggle="modal" data-bs-target="#exampleModal" class="btn btn-secondary">Редактировать</a>
    <a href="" id="delete_service" data-ajax-target="{% url 'service_id' service.pk %}" onclick="deleteService({{ service.pk }})" class="btn btn-secondary">Удалить</a>
</div>
{% ednif %}

rest-framework:

Python
1
2
3
class ServiceListByID(RetrieveUpdateDestroyAPIView):
    queryset = Service.objects.all()
    serializer_class = ServiceSerializer

serializer:

Python
1
2
3
4
5
6
7
8
9
10
11
12
class ServiceSerializer(serializers.ModelSerializer):
    class Meta:
        model = Service
        fields = [
            'pk',
            'picture',
            'title',
            'descriptions',
            'price',
            'date_created',
            'user',
        ]

Проблема:
Так вот проблема в том, что я вроде бы передаю токен в дату в js, а сервер мне отвечает что "не передаю".

Я думал может проблема в доступах к файлам, но и там всё в порядке.
Гугл везде говорит что нужно передать этого ужасного монстра "csrfmiddlewaretoken", но он есть в дате.
Не часто спрашиваю на форумах, чаще гуглю. Но этот случай меня заставил написать этот пост.
За ранее благодарю за помощь.

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .