Мне нужна интерактивная страница в Django [закрыто] ⇐ Javascript

[Гость]

[*]Пользователь загружает контрольный список: Пользователь загружает на сайт файл с контрольным списком и примечанием. [*]Проверка комментариев: Система анализирует загруженный файл. [*]Если есть комментарии, перейдите к следующему шагу. Если нет, то все заканчивается. [*]Модель для скачивания писем и инструкций: На сайте пользователю предоставлена ​​форма для скачивания письма и рецепта. [*]Пользователь загружает соответствующие файлы и переходит к следующему шагу. [*]Обработка писем и инструкций: Система обрабатывает загруженное письмо и приказ и переходит к следующему шагу. [*]Модель загрузки повторного контрольного списка: Сайт предоставляет пользователю возможность скачать новый контрольный список и заметку. [*]Проверка повторного контрольного списка: Система анализирует новый файл. [*]При наличии замечаний переходим к шагу 3 (скачивание письма и инструкции). [*]Если комментариев нет, перейдите к шагу 7. [*]Модель для скачивания отчета: На сайте пользователю предоставлена ​​форма для загрузки отчета. [*]Пользователь загружает отчет и переходит к следующему шагу. [*]Завершение процесса: Система обрабатывает загруженный отчет.
Все эти шаги должны быть на одной странице. Я пробовал использовать fetch js, но что-то пошло не так
if ('{{ files.id }}' !== ''){ const filesId = parseInt('{{ files.id }}') fetch('/supervision/api/prescriptions/${filesId}/') .then(ответ => ответ.json()) .then(данные => { если(данные.статус!== 404) console.log(данные); еще{ fetch(`{% url "supervision:get_prescription_form" %}`) .then(ответ => response.json() ) .then(данные => { console.log(данные) document.getElementById('prId').innerHTML = data.html; document.getElementsByName('csrfmiddlewaretoken')[0].value = data.csrf_token; console.log(document.getElementById('prId').children) document.getElementById('prId').children[0].addEventListener('submit', function(event) { событие.preventDefault(); вар formData = новые FormData (это) fetch("{% url 'supervision:post_prescription' files.pk %}", { метод: 'POST', тело: formData }) .then(ответ => ответ.json()) .then(данные => { console.log(данные) }) .catch(ошибка => { console.error('Ошибка:', ошибка); }); }); }) .catch(error => console.error('Ошибка:', ошибка)); } }) .catch(error => console.error('Ошибка:', ошибка)); }