ポストLaravel JSON jQueryのショーのデータ

Question

私はテーブルの上にデータをJSONにポストを表示しようとしている

スクリプト

$('select#mes').on('change',function(){ 
var valor = $(this).val(); 
var route = "http://localhost/UJOBB/public/ADIC/ListaM"; 
var token = document.getElementById('token').getAttribute('content') 


if(valor != null){ 

    $.ajax({ 
    url: route, 
    headers: {'X-CSRF-TOKEN': token}, 
    type: 'POST', 
    dataType: 'json', 
    data:{mes: valor}, 
      success: function(data) { 

      }, 
      error: function() { 

      } 
     }); 
} else { 
} 
}); 

ルート

Route::post('ADIC/ListaM', 'ADICController@ListaM'); 

コントローラ

public function ListaM(Request $request){ 
    $mes = $request->input('mes'); 
    $users = DB::table('ADIC') 
     ->where('mes', $mes) 
     ->orderBy('id') 
     ->get(); 

    return response()->json([ 
    'datos'=>$users 
     ]); 
} 

ビュー

<div id="mesPage"> 
<div>{!!Form::label('mes','Mes: ')!!} 
    <select name="mes" id="mes"> 
     <option value='null'>- choose -</option> 
     <option value="Ene">Enero</option> 
     <option value="Feb">Febrero</option> 
     <option value="Mar">Marzo</option> 
     <option value="Abr">Abril</option> 
     <option value="May">Mayo</option> 
     <option value="Jun">Junio</option> 
     <option value="Jul">Julio</option> 
     <option value="Ago">Agosto</option> 
     <option value="Set">Setiembre</option> 
     <option value="Oct">Octubre</option> 
     <option value="Nov">Noviembre</option> 
     <option value="Dic">Diciembre</option> 
    </select> 
</div> 
<table class="table table-striped table-hover"> 
    <thead> 
     <th>Fecha</th> 
     <th>Cancha</th> 
     <th>Partido</th> 
     <th>Juez - 1</th> 
     <th>Juez - 2</th> 
     <th>Estado</th> 
    </thead> 

    <tbody> 
     <tr> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
    </tr> 
    </tbody> 
</table> 
</div> 

は、これは問題ではありません、すべてが

... JSONの答えが正しいか 、[OK]を働いていたが、何Iテーブルにデータを表示することはできません

Answer 1

IDを使用して、テーブルを識別します。データを通して、あなたのajaxループでは

<table class="table table-striped table-hover" id="dataTable"> 
    <thead> 
     <th>Fecha</th> 
     <th>Cancha</th> 
     <th>Partido</th> 
     <th>Juez - 1</th> 
     <th>Juez - 2</th> 
     <th>Estado</th> 
    </thead> 
    <tbody> 

    </tbody> 
</table> 

し、ビューに追加します。

success: function(data) { 
    var dataView = $('#dataTable tbody'); 
    dataView.empty(); 
    for (dataRow in data.datos) { 
     dataView.append('<tr><td>' 
         + dataRow.variable1 
         + '</td><td>' 
         + dataRow.variable2 
         + '</td><td>' 
         + dataRow.variable3 
         + '</td><td>' 
         + dataRow.variable4 
         + '</td><td>' 
         + dataRow.variable5 
         + '</td><td>' 
         + dataRow.variable6 
         + '</td></tr>'); 
    } 
}, 

はvariable1交換してください - あなたのデータベースのフィールド名のvariable6名