2016-10-24 14 views
0

私は入力オートコンプリートを作成していますが、私のデータベースのリストから提案が、私はいくつかの問題を抱えている、私の入力は絵のように示唆を示して提案:Laravel 5.2 - オートコンプリートは

enter image description here

問題:私のコントローラを私が望むような10のアイテムを表示しますが、termnsはうまくいきません。私の自治体「ミラノ」を書くと正しく表示されないことがわかりますから、実際にコントローラが私のテーブルの最初の10アイテムを表示しています。

enter image description here

MY CONTROLLER:

public function getData(Request $request) { 
    $termn = $request->input('municipality'); 
    // controllo 
    $data = Municipality::where('name', 'LIKE', '%'.$termn.'%')->take(10) 
    ->get(); 
    $results = array(); 
    foreach($data as $v){ 
     $results[]=['id' => $v->id, 'value' => $v->name]; 
    } 
    //return $results; 
    return response()->json($results); 
} 

ROUTES

Route::get('getdata', '[email protected]'); 

JS

$('#searchname').autocomplete({ 
    minLength: 1, 
    autoFocus: true, 
    source: $('#route-url').val(), 
    select: function(e, ui){ 

     console.log(ui.item.id);// it work and show me id of item selected 
    }, 
}); 

VIEWのFORM

<!-- 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" 
       class="form-control input-md" 
       id="searchname"> 
     <input type="hidden" id="route-url" value="{{ url('getdata') }}"> 
     </div> 
</div> 
+0

私はdd($ request-> input( 'municipality'))を挿入しました。私のコントローラでは何も表示されません!どのように結果がdd($ request-> input( 'municipality'))であるかを見ることができます。 ? –

+0

開発ツールのネットワークタブ(inspect要素)を試してみて、正しいURLに当たっているかどうかを確認してください。urlが正しい場合は、 '$ request-> get( 'municipality')' >入力( '自治体')。 –

答えて

0

ddが空の場合、このキーのデータが存在しないので、それはだ:)

使用var_dump($request->all());またはdd($request->all());

あなたは利用可能なすべてのパラメータのlsitを持つことになります。 あなたのjavascriptのコードsource: $('#route-url').val(),に見ることができます。 だから、私はあなたがこのような値があります推測します。ddの結果がある場合

を:

  • 'ソース' => '...'その後、あなたは$要求 - を使用する必要があります> input( 'source')
  • 0 => '...'次に、sourceは配列です。 source: {municipality: $('#route-url').val()}で試してみますか?
  • データが空の場合は、別の問題があります。オートコンプリートライブラリのドキュメント/例を読む