Typeahead JS Автозаполнение не работает - ничего не могу найти - PullRequest
Новая
       30

Typeahead JS Автозаполнение не работает - ничего не могу найти

0 голосов
/ 07 ноября 2019

Я хочу сделать функцию автозаполнения на моем входе с существующими заголовками из базы данных, но, похоже, это не работает. Я не знаю, в чем проблема, но когда я пытаюсь что-то написать, происходит замечание.

Вот мой контроллер 

   public function search()
    {
        return view('search-me');
    }

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

    }

Вот мой маршрут 

 Route::get('search-me', array('as' => 'search', 'uses' => 'AdminNewsController@search'));
 Route::get('autocomplete',array('as' => 'autocomplete', 'uses' => 'AdminNewsController@autocomplete'));

Вот мойview 


<html lang="en">
<head>
  <meta charset="UTF-8">
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" />
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.4.1.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-3-typeahead/4.0.2/bootstrap3-typeahead.js"></script>

</head>
<body>

<div class="container">
    <h1> test</h1>
    <input type="text" class="typeahead form-control">
</div> 


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

</script>
</html>

Я использую Laravel 5.2, но, думаю, работает и над моим. Вот учебник: https://www.youtube.com/watch?v=3AiMsvobceY

...