使用数据库在laravel中自动完成文本字段

Question

我正在尝试制作一个如下所示的自动填充表单，但由于我的数据库查询没问题，表单不显示建议。

表格cole：

控制器方法代码：

路线：

当我在链接上搜索时，我得到如下查询结果：

显示结果：

[{＆＃34; id＆＃34;：1，＆＃34; value＆＃34;：＆＃34; sourav hossen＆＃34;}，{＆＃34; id＆＃34;：2，＆＃ 34;价值＆＃34;：＆＃34; sourav hossen＆＃34;}，{＆＃34; id＆＃34;：3，＆＃34;价值＆＃34;：＆＃34; sourav hossen＆＃34;}， {＆＃34; id＆＃34;：4，＆＃34;值＆＃34;：＆＃34; a b＆＃34;}，{＆＃34; id＆＃34;：5，＆＃34;值＆＃ 34;：＆＃34; a a＆＃34;}]

Answer 1

尝试此更改，有时会有效。

source: "{{URL::route('autocomplete')}}",

Answer 2

我尝试用jquery ajax做它并且它有效。
首先，您应该在以下代码之前包含一个jquery库。

您视图中的javascript代码应为：

<script>
$(document).ready(function(){
    $('#q').keyup(function () {
        var q=$(this).val();
        if(word.length>3) {

            $.ajax
            ({
                type: "GET",
                url: "test2",
                data: {q:q},
                contentType: "json",
                cache: false,
                success: function(data, status, xhr)
                {
                    $('#q').val(data[0].value);
                }
            });
        }
    });

});
</script>

在您的控制器中，您应该获得ajax数据

public function autocomplete(Request $request)
{
    $input = $request->all();
    $term = $input['q'];
    $result = array();
    $queries = ...(do whatever you like)

                ->take(5)->get();
    foreach($queries as $query)
    {
        $result[] = ['id'=> $query->id,'value'=>$query->firstname.' '.$query->lastname];
    }

    return response()->json($result);

}

试试这个，如果你发现任何困难，我会在这里。