Django- Ajax возвращает неверные данные

Я создаю веб-комикс, используя фреймворк Django. Проблема, с которой я столкнулся, заключается в отображении глав из разных выпусков с помощью AJAX. Допустим, у нас есть выпуск#1 и выпуск#2, когда пользователь нажимает на обложку выпуска#1, он отображает главы выпуска#1. Мне удалось частично заставить его работать, но он всегда отображает главы номера#2, даже если я нажимаю на номер#1.

ожидаемое поведение:

enter image description here

Как это происходит сейчас:

enter image description here

список выпусков html

{% csrf_token %}
<script>
const csrftoken = document.querySelector("[name=csrfmiddlewaretoken]").value;
</script>

<div class="container mt-3 mb-3">
    {% if issue_pl %}
    <div class="center-issues">
    {% for issue in issue_pl %}
    <img src="{{ issue.cover.url }}" class="issue-thumbnail" alt="{{ issue.title }}" title="{{ issue.title }}" onclick="aload();" />

    <script>
        function aload() {
            var xhr = new XMLHttpRequest();
            xhr.open("POST", "{% url 'chapter_pl' issue.slug %}");
            xhr.setRequestHeader("X-CSRFToken", csrftoken);
            xhr.onload = function () {
                document.getElementById("container").innerHTML = this.response;
            };
            xhr.send();
        }
    </script>

    {% endfor %}
    </div>
    {% endif %}
    <div id="container"></div>
</div>

views.py

def ChapterListPL(request, slug):
    chapter_pl = ChapterPL.objects.filter(issue__slug=slug, status=1).order_by('number').all()
    context = {
        'chapter_pl': chapter_pl,
        }
    return render(request, 'comics/chapters_pl.html', context)

urls.py

path('comics/<slug>/chapters', views.ChapterListPL, name='chapter_pl'),
Вернуться на верх