Форма поиска с Ajax - Как отобразить

Question

У меня вопрос о методе создания запроса поиска ajax. Моя форма, вызов ajax и запрос работают, но я не знаю, что лучший способ вернуть результаты. Я хочу «обновить» существующую таблицу. Какой лучший и самый чистый метод для этого?

Я не хочу воссоздать всю таблицу. Но должен ли я использовать объект JSON или напрямую возвращать результат с помощью html-кода.

Спасибо за помощь! Я был бы признателен, когда вы также отправите примеры кода для вашего решения.

Greez Thandor

Answer 1

этот код для автозаполнения поиска

<script type="text/javascript"> 
     function autocompelete(value) 
     { 
     $.ajax({ 
     method: "POST", 
     url: "autocomplete.php", 
     data: { id: value } 
    }) 
     .done(function(msg) { 

     $('#autocomplete').html(msg); 
     $('#autocomplete').show(); 
     }); 

    } 
    </script> 

HTML

<div id="search-bar"> 
       <form action="youpage.php" method="POST"> 
        <input type="submit" name="search" class="search-btn" value="" /> 
        <input type="text" name="brand" autocomplete="off" onkeyup="autocompelete(this.value)" id="search" class="search-field" placeholder="Model Number, Brand, Company ..." /> 
       </form> 
       <div style="display:none" id="autocomplete"></div> 
      </div>