Модальное окно Django

У меня есть модальное окно для удаления комментариев. Оно выглядит следующим образом:

<div id="deleteModal" class="modal">
    <div class="modal-content">
        <img class="modal-image" src="{% static 'img/icon-modal-delete.png' %}" alt="DELETE">
        <h1 class="modal-title">Delete comment?</h1>
        <div class="modal-block">
            <form method="POST">
                {% csrf_token %}
                <button class="modal-sucsess" type="submit">Delete</button>
            </form>
            <a class="modal-cancel" onclick="closeModal()">Cancel</a>
        </div>
    </div>
</div>

Я включаю его с помощью тега include в шаблоне django. Также есть js-скрипт для открытия и закрытия модального окна, который выглядит так:

function openModal() {
    var modal = document.querySelector('.modal');
    modal.style.display = 'block';
  }

  function closeModal() {
    var modal = document.querySelector('.modal');
    modal.style.display = 'none';
  }

В шаблоне django у меня есть цикл, в котором я отображаю комментарии к публикации и у каждого комментария есть кнопка удаления, которая при нажатии вызывает модальное окно, это выглядит так:

<a class="main-row-content-comments-users-info-delete" onclick="openModal()" >Delete</a>

Я написал представление для удаления комментария, но ему нужно передать id комментария. Если бы я делал это напрямую через ссылку в теге шаблона, я бы просто передал comment.pk, но как мне передать ключ в модальное окно, чтобы при нажатии на кнопку удаления в модальном окне вызывалось представление удаления?

Я пытался решить эту проблему с помощью Ajax-запросов, но не понимаю как.

Вернуться на верх