laravel自动完成文本视图
laravel auto complete Text View
我使用的是Laravel 5.2。
这是我的代码
//for header
<head>
<script type="text/javascript" src="{{ URL::asset('src/js/jquery-1.10.2.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('src/js/jquery-ui.js') }}"></script>
<link rel="stylesheet" href="{{ URL::to('src/css/jquery-ui.css') }}">
</head>
//body
<div class="col-sm-6 feature" >
<div class="ui-widget">
<label for="skills">Skills: </label>
<input type="text" class="search_keyword" id="skills" placeholder="Search.." name="skills" />
</div>
<script>
$(function() {
$( "#skills" ).autocomplete({
source: "{{URL::route('auto')}}"
//source: ["a","b"]
});
});
</script>
</div><!-- end feature -->
//route
Route::get('/', function () {
return view('welcome');
});
Route::get('/auto', [
'uses' => 'SearchController@AutoSug',
'as' => 'auto'
]);
//controller
class SearchController extends Controller
{
public function AutoSug()
{
$auto_s = DB::table('skills')
->pluck('skill');
return response()->json($auto_s);
}
}
现在的问题是,当我手动浏览链接{{URL::route('auto')}}时,上面写着json视图
所以问题是它没有给出它应该在这里看到的主视图
但如果我改变代码"{{URL:路线(汽车)}}"来源:"a"、"b"。它输出正确。那么问题出在哪里呢?
这就是解决方案。
对于javascript,请写如下
$(function()
{
$( "#q" ).autocomplete({
source: "{{URL('auto')}}",
minLength: 1,
select: function(event, ui) {
$( "#q" ).val(ui.item.value);
}
});
});
控制器请添加如下
namespace App'Http'Controllers;
use Illuminate'Http'Request;
use App'Http'Controllers'Controller;
use Illuminate'Support'Facades'Input;
use App'Product;
use DB;
class SearchController extends Controller
{
public function autoComplete()
{
$term = Input::get('term');
$results = array();
$queries = DB::table('skills')
->where('skill', 'LIKE', '%'.$term.'%')
->take(9)->get();
foreach ($queries as $query)
{
$results[] = [ 'id' => $query->ID, 'value' => $query->skill];
}
return response()->json($results);
}
}
问题是在控制器中,它正在为get变量获取空值,查询生成器正在从数据库返回所有结果。我已经添加了一个库和关联变量如下,并解决了这个问题。
use Illuminate'Support'Facades'Input;
$term = Input::get('term');
希望对其他遇到同样问题的人有所帮助。
我希望下面的链接对你有帮助。
- https://gist.github.com/imranismail/10200241?signup=true
- https://gist.github.com/manoj-nandakumar/11beb90916dfbdc6af7a
相关文章:
- 如何在MVC3中显示鼠标悬停在文本上的部分视图
- 在网格视图的自动刷新过程中,设置内部网格视图文本框的可见性
- jQuery Mobile Listview,里面有文本视图
- jquery专注于asp.net mvc部分视图中的一个文本框
- 如何在网格视图中验证asp.net文本框
- 在文本框focusout事件的局部视图中清除表数据
- JavaScript中的网格视图页脚行文本框
- 在客户端的编辑模式下,在同一单元格网格视图中选中复选框时禁用文本框
- 如何 - jQuery 切换文本视图
- Redactor文本编辑器– 在代码视图中重新缩进缩小的HTML
- 如何在嵌套网格视图中查看子网格的页脚模板文本框
- 使用转义键在余烬文本视图中取消操作
- 无法使用 AJAX 获取 url 的 StumbleOn 视图,因为它的 API 返回文本/纯文本
- 在视图中从文本区域加载内容
- 如何使用 Angular js 计算网格视图项模板文本框值的两个文本框值
- 如何在javascript中打印网格视图和文本框
- Android :在文本视图中使用 JavaScript
- 在钛合金调音器中设置视图和文本视图的 ID
- 自动完成文本视图谷歌放置 API 描述 -> place_id
- laravel自动完成文本视图