输入自动完成

Question

我尝试对搜索输入进行自动完成。我在下面写了代码。

 <script>
 var availableTags = [];
  $( function() {
    $( "#search" ).autocomplete({
      source: availableTags
    });
  } );

    $(document).ready(function(){
        $("#search").on("input",function(e){
            console.log($("#search").val())
            $.ajax({
                method:"post",
                url:"/livesearch",
                data:{search:$("#search").val()},
                success:function(res){
                    availableTags = res['res'];
                    console.log(availableTags);
                }
            });
        });
    });
  </script>

res['res'] 是数组。从数据库中获取一些值后，我尝试更新 availableTags，但它不起作用。当我输入一些包含在我的标签中的文本时，我什么也看不到。如何解决？

我的问题的第二部分 如何自定义自动完成。 例如，添加照片（例如：tommy.com，如果您点击搜索图标并输入内容，您将看到自定义自动完成）

UPD： 我解决了 ajax 和标签的问题。但第二个问题仍然可用。如何为输入的自动完成提供自定义建议？