Trường văn bản tự động điền trong laravel bằng cách sử dụng cơ sở dữ liệu

Question

Tôi đang cố tạo biểu mẫu tự động điền như dưới đây nhưng biểu mẫu không hiển thị đề xuất khi truy vấn cơ sở dữ liệu của tôi là ok.

Mẫu cole:

điều khiển phương pháp mã:

Tuyến đường:

Khi tôi tìm kiếm vào liên kết tôi nhận được kết quả truy vấn như thế này:

Hiển thị kết quả:

[{ "id": 1," giá trị ":" sourav hossen "}, {" id ": 2," value ":" sourav hossen "}, {" id ": 3," value ":" sourav hossen "}, {" id ": 4, "value": "ab"}, {"id": 5, "value": "aa"}]

Answer 1

Hãy thử thay đổi này, một thời gian sẽ hoạt động.

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

Answer 2

Tôi đã cố gắng làm điều đó với jquery ajax và nó hoạt động.
Trước hết, bạn nên bao gồm thư viện jquery trước mã sau.

Các mã javascript theo quan điểm của bạn nên là:

<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> 

Trong điều khiển của bạn, bạn sẽ nhận được các dữ liệu 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); 

} 

Hãy thử điều này và nếu bạn tìm thấy bất kỳ khó khăn, tôi sẽ ở đây.