Я обновляю содержимое div, но как я могу хранить их там, пока не загрузятся свежие данные?

Question

мой jQuery ниже перезагружает файл reloadhomeposts.php. У меня вопрос, как я могу сохранить загруженные данные и не исчезнуть, пока не будет показан свежий загруженный контент?

<script language="JavaScript">
$(function () {
    function loadReservationDetails() {
        $('#reservationdetails')
            .empty()
            .addClass('loading')
            .load('wp-content/themes/theme/reloadhomeposts.php', function () {
                $(this).removeClass('loading');
                setTimeout(loadReservationDetails, 20000);
        });
    }

    loadReservationDetails();
});
</script>

Answer 1

просто не вызывайте метод .empty() следующим образом:

<script language="JavaScript">
$(function () {
    function loadReservationDetails() {
        $('#reservationdetails')
            .addClass('loading')
            .load('wp-content/themes/theme/reloadhomeposts.php', function () {
                $(this).removeClass('loading');
                setTimeout(loadReservationDetails, 20000);
        });
    }

    loadReservationDetails();
});
</script>

Answer 2

Это вызов empty, который удаляет текущий контент перед отправкой запроса.Просто удалите этот вызов, и текущий контент останется, пока он не будет заменен новыми данными в ответе:

<script type="text/javascript">

$(function () {
  function loadReservationDetails() {
    $('#reservationdetails')
      .addClass('loading')
      .load('wp-content/themes/theme/reloadhomeposts.php', function () {
        $(this).removeClass('loading');
        window.setTimeout(loadReservationDetails, 20000);
    });
  }

  loadReservationDetails();
});

</script>

Answer 3

Не нужно звонить .empty(), так как старые данные будут автоматически заменены на новые. Как:

$(function () {
    function loadReservationDetails() {
        $('#reservationdetails')
            .addClass('loading')
            .load('wp-content/themes/theme/reloadhomeposts.php', function () {
                $(this).removeClass('loading');
                setTimeout(loadReservationDetails, 20000);
        });
    }

    loadReservationDetails();
});

Answer 4

Загрузите данные в другой div, а затем поменяйте местами с вашим первым div.