2016-06-24 3 views
0

Я пытаюсь выполнить поиск автозаполнения в своем приложении laravel. Но я сталкиваюсь с ошибкой при поиске ключевого слова. Я получил следующее сообщение об ошибке в то время как я вижу в консоли:laravel 5: Autocomplete Search

http://localhost/autocomplete?term=a 404 (Not Found) 

Вот маршрут, я использовал:

Route::get('/autocomplete',[ 
     'uses'=>'[email protected]', 
     'as'=>'autocomplete' 
     ]); 

Вот контроллер:

public function autocomplete(Request $request) 
{ 
    $results=array(); 
    $item = $request->input(['searchname']); 
    $data=User::where('name','LIKE','%' .$item.'%') 
    ->take(5) 
    ->get(); 
    foreach ($data as $data) { 
     $results[]=['id'=>$data->id,'value'=>$data->name]; 
    } 
return response()->json($results); 
} 

А вот мнение страница с кодом javascript:

<div class="ui-widget"> 
    <input type="text" name="searchname" id="searchname" placeholder="Search" class="form-control"> 
    </div> 

<script> 
    jQuery(document).ready(function($) { 
     $('#searchname').autocomplete({ 
      source: "/autocomplete" , 
      minlength:1, 
      autofocus:true, 
      select:function(event,ui){ 
       $("searchname").val(ui.item.value); 
      } 
     }); 
    }); 
    </script> 

Если кто-нибудь найдет, что за ошибка, попробуйте предоставить решение, пожалуйста. Спасибо в Advance!

+0

typo in '' 'public function autocomplte''' ?? –

+0

все еще такая же ошибка, я получаю после разрешения typo Error. – User57

+0

попробуйте это '$ ('# searchname'). Change (function() { ... });' – linuxartisan

ответ

1

Там опечатка здесь

public function autocomplte(Request $request) 

Это должно быть

public function autocomplete(Request $request) 
+0

все еще такая же ошибка, я получаю после разрешения typo Error. – User57

0

Ваш JQueryui скрипт загружается после библиотеки JQuery?

+0

Да я использовал это '<ссылка отн = "таблица стилей" HREF = "// code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">' ' ' ' ' – User57

+0

это до или после обычного JQuery? Он не будет работать, если только JQuery не будет загружен. – user3743266

+0

Внутри '' тег – User57