Django обновляет таблицу на странице каждые 5 секунд

У меня есть шаблон, который получает список списков с информацией для таблицы.

Я отображаю данные таким образом

Вот мой шаблон html

{% for each in info %}

                                                    <tr class="bg-dark-2">
                                                        <th data-label="Seller" scope="row"><span class="fw-bold">{{ each.2 }}</span></th>
                                                        <th data-label="U give">
                                                            <div class="d-flex align-items-center">
                                                                <span class="icon d-flex align-items-center justify-content-center me-3"></span><span>{{ each.4}}</span><span class="fw-normal ms-3">{{ each.0 }}</span>
                                                            </div>
                                                        </th>
                                                        <th data-label="U get"><span>{{ each.1 }} {{ each.5 }}</span></th>
                                                        <th data-label="Limit"><span>from {{ each.8 }} to {{ each.9 }}</span></th>
                                                        <th data-label="Reserve"><span>{{ each.6 }}</span></th>
                                                        <th data-label="">
                                                            <a class="btn btn-success btn-block" href="{{ each.3 }}">Buy</a>
                                                        </th>
                                                    </tr>
{% endfor %}

Итак, задача состоит в том, как я могу обновлять данные на моей веб-странице django, не обновляя ее? (каждые 5-10 секунд) Или как я могу использовать ajax для удаления таблицы и загрузки в нее новых данных?

Итак. Проблема решена путем реализации ajax get запроса из представления Django

Я придумал, как сделать ajax.

  1. У вас есть необходимость создать новое представление в Django, для того, чтобы продвигать обновления.

  2. У нужно сделать ajax get запрос и взять всю информацию из нового шаблона, который будет содержать только данные строк таблицы.

U может сделать это, используя следующий код:

<script>
$(document).ready(function () {
$("#payment").change(function () {
switch($(this).val()) {
case 'cash1':
$.ajax({
url : 'https://ursite.com/view_for_update_table_data',
type: 'GET',
dataType: 'html',
success: function(data){
$('#border1').html(data);
}
});
}
});
});
</script>
  1. Ajax получит все данные со страницы, которую вы используете для обновления таблицы, а затем заменит все текущие строки новыми со страницы просмотра обновлений.
Вернуться на верх