繁体   English   中英

laravel 5:自动完成搜索

[英]laravel 5 : Autocomplete Search

我正在尝试在laravel应用程序中进行自动完成搜索。 但是我在搜索关键字时遇到错误。 在控制台中看到以下错误:

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

这是我使用的路线:

Route::get('/autocomplete',[
        'uses'=>'UserController@autocomplete',
        '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>

如果发现任何错误,请尝试提供解决方案。谢谢!

这里有错字

public function autocomplte(Request $request)

它应该是

public function autocomplete(Request $request)

是否在JQuery库之后加载了JQueryui脚本?

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM