Где я должен поставить тайм-аут для автоматического обновления страницы?

Question

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

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

$(document).ready(function() {
  load_data();

  function load_data(query) {
    $.ajax({
      url: "php/checkinhelper.php",
      method: "post",
      data: {
        query: query
      },
      success: function(data) {
        $('#result').html(data);
      }
    });
    window.setTimeout(100);
  }

  $('#search_text').change(function() {
    var search = $(this).val();
    if (search != '') {
      load_data(search);
    } else {
      window.setTimeout(100);
      load_data();
    }
  });
});

Answer 1

Используйте это:

$(document).ready(function() {
 load_data();

     function load_data(query) {
$.ajax({
  url: "php/checkinhelper.php",
  method: "post",
  data: {
    query: query
  },
  success: function(data) {
    $('#result').html(data);
  }
});

}

setTimeout(function(){ load_data() }, 100);

$('#search_text').change(function() {
var search = $(this).val();
if (search != '') {
  load_data(search);
} else {
  window.setTimeout(100);
  load_data();
}
});
});

Answer 2

        $(document).ready(function() {
        var elem = $('#search_text');

         setTimeout(() =>  elem.trigger('change'), 100);

          function load_data(query) {
            $.ajax({
              url: "php/checkinhelper.php",
              method: "post",
              data: {
                query: query
              },
              success: (data) => {
                  $('#result').html(data);
                  setTimeout(() =>  elem.trigger('change'), 100);
              }
            });
          }

          elem.change(function() {
            var search = $(this).val();
            if (search != '') {
              load_data(search);
            } 
          });
        });