Php jQuery搜索框自动完成

我想创建一个自动完成搜索，获取输入并在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);

如何根据用户输入搜索和打印结果

谢谢…

使用

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

成功：函数（数据）{
为了（i=0；您的控制台中出现错误？我不理解html部分。您正在将html附加到showname，但html未定义。请解释。在我的html中有一个名为showname的div，我尝试在该div中打印所有结果。请提供您的html代码。这是我的html代码；我想您可能有一些输入错误n第二行$name1中的php代码将其替换为$name。