首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >laravel 5:自动完成搜索

laravel 5:自动完成搜索
EN

Stack Overflow用户
提问于 2016-06-24 21:52:23
回答 2查看 1.3K关注 0票数 0

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

代码语言:javascript
复制
http://localhost/autocomplete?term=a 404 (Not Found)

下面是我使用的路线:

代码语言:javascript
复制
Route::get('/autocomplete',[
        'uses'=>'UserController@autocomplete',
        'as'=>'autocomplete'
        ]);

下面是控制器:

代码语言:javascript
复制
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代码的视图页面:

代码语言: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>

如果有人发现错误所在,请尝试提前提供解决方案please.Thanks!

EN

回答 2

Stack Overflow用户

发布于 2016-06-24 21:54:15

这里有一个打字错误

代码语言:javascript
复制
public function autocomplte(Request $request)

它应该是

代码语言:javascript
复制
public function autocomplete(Request $request)
票数 1
EN

Stack Overflow用户

发布于 2016-06-24 22:13:06

在JQuery库之后加载你的JQueryui脚本吗?

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/38015086

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档