Laravel-输入框，其中包含搜索结果

Question

我一直在尝试一个基本项目来跟踪库存运动。在这里，我需要有一个输入字段，可以在其中输入文本，并且与文本匹配的项目应显示在下拉列表中，并且应该是可选的。我指的是以下链接：

https://www.itsolutionstuff.com/post/laravel-57-autocomplete-search-from-database-using-typeahead-jsexample.html

请找到我的代码如下：

create.blade.php

Scrpiting.Folder

TransactionController.php 自动完成功能：

@extends('layouts.app')
@section('title', 'New Transaction')
@section('content')
<form action="/transactions" method="POST">
  <div class="row">
   <label>Item Name</label>
   <input class="typeahead form-control" type="text">
   <label>Quantity</label>
   <input type="text" name="quantity[]"  value="" placeholder="Quantity">
     {{ $errors->first('quantity')}}
  </div>
<button type="submit" class="btn btn-primary">Complete Order</button>
  @csrf
</form>

<script type="text/javascript">
  var path = "{{ route ('autocomplete') }}";
  $('input.typeahead').typeahead({
    source:  function (query, process) {
      //alert("Sds");
    return $.get(path, { query: query }, function (data) {
            return process(data);
        });
    }
});
</script>
@endsection

}

Web.php

  public function autocomplete(Request $request)
  {
   $data = Item::select("item_name")
        ->where("item_name", "LIKE", "%{$request->input('query')}%")
        ->get();
return response()->json($data);

我仍然错在哪里错了。