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,

          });

    });

我的Php代码;

$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。根据自己的喜好添加自己的标记。