Campo di testo di completamento automatico in laravel utilizzando il database

Question

Sto cercando di creare un modulo di completamento automatico come indicato di seguito ma il modulo non mostra il suggerimento come la mia query di database è ok.

Modulo di cole:

controller codice del metodo:

Rotte:

Quando cerco sul link ottengo il risultato della query in questo modo:

mostra il risultato:

[{ "id": 1," value ":" sourav hossen "}, {" id ": 2," value ":" sourav hossen "}, {" id ": 3," value ":" sourav hossen "}, {" id ": 4, "valore": "ab"}, {"id": 5, "valore": "aa"}]

Answer 1

Prova questo cambiamento, un po 'di tempo funzionerà.

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

Answer 2

Ho provato a farlo con jquery ajax e ha funzionato.
Prima di tutto dovresti includere una libreria jquery prima del seguente codice.

il codice Javascript nella vostra visualizzazione dovrebbe essere:

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

Nel vostro controller si dovrebbe ottenere i dati 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); 

} 

provare questo e se si trova alcuna difficoltà, i sarò qui