javascript - Laravel 5.2 - 使用 jquery 自动完成下拉菜单

标签 javascript jquery laravel routes

我正在尝试编写一个自动完成建议输入代码,从我的数据库中提取列表。我有一个城市列表,但它不起作用。

我尝试过这样的:

路线

Route::get('/crea-regalo', 'PostController@form');
Route::post('/crea-regalo', 'PostController@creaPost');
Route::get('/', 'HomeController@index');
Route::get('getdata', 'PostController@getData');

Controller

public function getData(Request $request) {

    $termn = $request->termn;

    // controllo
    $data = Municipality::where('name', 'LIKE', '%'.$termn.'%')
        ->take(10)
        ->get();
    $results = array();

    foreach ($data as $key => $v) {
        $results[]=['id' => $v->id, 'value' => $v->name];
    }

    return response()->json($results);
}

查看 - 表单部分

<!-- Select Basic -->
<div class="form-group">
   <label class="col-md-3 control-label" for="seller-Location">Municipality</label>
       <div class="col-md-8">
          <input type="text" name="municipality" placeholder="comune" id="searchname">
       </div>
 </div>

JS

$('#searchname').autocomplete({
    minLength: 1,
    autoFocus: true,
    source: '{{!!URL::route('getdata')!!}}',
    select: function(e, ui){ alter(ui);},
});

我的控制台向我显示如下错误:

Uncaught SyntaxError: Unexpected identifier line 10 of my js file: source: '{{!!URL::route('getdata')!!}}',

最佳答案

我强烈推荐这个库来解决这个问题。

https://github.com/aaronlord/laroute

关于javascript - Laravel 5.2 - 使用 jquery 自动完成下拉菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40222115/

相关文章:

javascript - jquery on() 函数并使用遍历获取值/文本

javascript - jquery中如何调用$(function)

javascript - 定时 Javascript 文件刷新而不重新加载页面

javascript - 如何使用 jquery 中的其他下拉菜单设置下拉文本和值

php - Laravel Homestead 连接远程数据库 SSH

php - Laravel 内连接查询

c# - 保持在 C# 和 JS 中实现的相同逻辑同步

javascript - 让 Highcharts 工具提示返回 Angular Directive(指令)?

javascript - 当我悬停在 li 上时如何更改 div

laravel - 仅显示自己的帖子和 laravel 中管理员的所有帖子