@motya88

Как обновлять блок без перезагрузки страницы?

Добрый день!
Подскажите, как обновлять(без перезагрузки страницы) только таблицу, а не всю страницу целиком.
HTML шаблон
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="test">
{% for table in tables %}

            {{ table|safe }}
{% endfor %}
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

<script>
function mode() {
      $.ajax({
      url: "/hello",
      type: "get",
      success: function(response) {
        $("#test").html(response);
      },
      error: function(xhr) {
        //Do Something to handle error
      }
    });
};

setInterval(mode, 2000);
</script>

</body>
</html>
  • Вопрос задан
  • 1118 просмотров
Пригласить эксперта
Ответы на вопрос 1
Вы выводите таблицы на всю страницу в блоке <div id="test">
<div id="test">
{% for table in tables %}

            {{ table|safe }}
{% endfor %}
</div>

а затем в блоке <div id="test"> заменяете весь контент тем, что содержится в ответе $("#test").html(response);.

попробуйте
$("#test").append(response)
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы