Обновление списка данных и номеров страниц с использованием DJANGO и AJAX

Question

Я пытаюсь перезагрузить «следующую страницу», не перезагружая всю страницу снова.Я просто хочу, чтобы мои данные были обновлены.Я узнал, что это делается с помощью AJAX.Проведя некоторые исследования в интернете, я теперь знаю, что ваш ajax / javascript переходит на определенный URL-адрес, а в django вы делаете отображение, сопоставленное этому URL-адресу, для возврата новых данных.До этого момента все было ясно для меня.Но теперь мне пришлось сделать какой-то javascript, чтобы сделать это, и я полностью потерян.

Это список данных в моем шаблоне

<div class="project-container">
    {% for project in pagination.projects %}
        <div class="project">
            <h4 class="strong">{{ project.name }}</h4>
            <div class="project-details-vars">
                <p>{{ project.info_veld_1 }}</p>
                <p>{{ project.info_veld_2 }}</p>
                <p>{{ project.info_veld_3 }}</p>
                <p>{{ project.info_veld_4 }}</p>
                <p>{{ project.info_veld_5 }}</p>
            </div>
        </div>
    {% endfor %}
</div>

Этомой пользовательский paginator в моем шаблоне.

<div id="paginator">
    {% if pagination.prevPage %}
    <a href="/page/{{ pagination.prevPage }}">
        <img src="/static/images/arrow-left.png" />
    </a>
    {% endif %}
    {% if pagination.nextPage %}
        <a href="/page/{{ pagination.nextPage }}">
            <img src="/static/images/arrow-right.png" />
        </a>
    {% endif %}
</div>

Может ли кто-нибудь1 показать мне javascript, который запускается по URL и который только обновляет данные в списке данных И обновляет URL.

Заранее спасибо:)

Answer 1

Есть хороший javascript, называемый ajaxroutine. Смотрите эту ссылку . Все, что вам нужно сделать, это скачать скрипт, используйте

<script src="text/javascript" src="ajaxroutine.js"></script>

Тогда вы звоните

ajaxpack.getAjaxRequest("/Example", "name=George&age=27", processGetPost, "txt")

в вашем HTML-коде, где "/Example" - ваш URL, "name=George&age=27" - дополнительные параметры, processGetPost - обратный вызов, функция javascript, которая будет запускаться после в вашем коде после ответа, а "txt" - просто для знаю, что ответ в формате TXT (я думаю, что это также может быть в формате XML, но, честно говоря, я никогда не пробовал). Этот ajaxroutine работает для меня нормально. Тебе стоит попробовать это. В ссылке, которую я упоминал в начале, есть гораздо больше объяснений.