Нет данных прямого поиска с использованием Ajax?

Question

Здравствуйте. В настоящее время я работаю над проектом, и мне удалось подключить базу данных очень большого размера к веб-сайту и использовать ajax живой поиск для поиска данных из базы данных. Однако я искал повсюду, чтобы найти не живую версию ajax живого поиска. Текущий отображает все данные из базы данных на веб-странице, что хорошо, если у меня есть небольшие данные в базе данных, но я хочу, чтобы на странице отображались данные только при поиске и вводе пользователем или только при поиске. Те же функции, что и текущий текущий поиск ajax, без необходимости отображать данные на веб-странице без предварительного поиска пользователя. Это код javascript из ajax поиска в реальном времени:

$(document).ready(function(){

 load_data();

 function load_data(query)
 {
  $.ajax({
   url:"fetch.php",
   method:"POST",
   data:{query:query},
   success:function(data)
   {
    $('#result').html(data);
   }
  });
 }
 $('#search_text').keyup(function(){
  var search = $(this).val();
  if(search != '')
  {
   load_data(search);
  }
  else
  {
   load_data();
  }
 });
});

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

Answer 1

Чтобы избежать загрузки данных перед выполнением поиска, вам необходимо удалить вызов функции в начале вашего скрипта:

$(document).ready(function(){
    load_data(); // this line needs to be removed
    ...
}

Когда вы явно вызываете функцию, она выполняется. Оборачиваясь в $(document).ready(), он дает указание браузеру запускать функцию при загрузке страницы.

Если вы хотите sh удалить данные после очистки поля поиска, вам нужно изменить свой обработчик событий, например итак:

if (search != '') {
    load_data(search);
} else {
    // this is where "load_data();" used to be
    $('#result').html('');
}

Заменяет любой контент, который мог быть добавлен к отображаемому элементу в предыдущем поиске.