jQuery окно поиска автоматически завершено

Question

Я хочу создать автоматический полный поиск, который получает входные данные и выводит результат в div.Когда я запускаю свой PHP-код, он дает правильные результаты, но он не работает с jquery, я не могу распечатать результаты, которые о пользователях. Мои коды таковы:

Мои коды;

$('#search').on('input',function(e){ 


$('#search').autocomplete({ 

      source: function(request, response) { 
       $.ajax({ 
        url : 'complete.php', 
        dataType: "json", 
        data: { 
         name1: request.term, 
         type: 'name' 
        }, 
        success: function(data) { 

         response($.map(data, function(item) { 
          return { 
           label: item, 
           value: item 
          } 
         })); 
         $("#showname").append(html); 
        } 
       }); 
      }, 
      autoFocus: true, 

      }); 

    }); 

My Php Codes;

$name=$_POST['name1']; 
$i=mysqli_query($con,"Select * from users where name like '".$name1."%'"); 
$data = array(); 
while($m=mysqli_fetch_assoc($i)){ 

    array_push($data, $m['name']); 

} 
echo json_encode($data); 

Как я могу искать и распечатывать результаты в соответствии с пользовательским вводом?

Благодаря ...

Answer 1

Использование

success: function(data) { 
    for (i=0;i<data.length;i++) { 
     $("#showname").append(data[i] + '<br>'); 
    } 
} 

, чтобы добавить его в DIV. Добавьте свою собственную разметку по своему вкусу.