laravel Ajax onChange选择框Foreach结果

时间:2017-05-22 23:39:34

标签: javascript ajax laravel

我创建了一个ajax请求来显示来自我的表雄辩查询的结果,该查询依赖于一个选择框" poule"。

一切正常,但是当我通过从选择框中选择poule_id来运行ajax请求时,我需要显示json结果。我希望在表($equipes as $equipe)中将结果显示为我的foreach循环,因为您可以看到我在关系模型中显示值。

实际上通过这种方式,我只能显示 equipe_id ,但我想显示对象以访问相关的其他模型,并将结果显示为表格中的foreach,如:

@foreach($equipes as $equipe)
    <tr>
        <td>
            <a href="{!! route('club.show', $equipe->equipe->structure->id) !!}">{{$equipe->equipe->structure->nom_structure}}</a>
        </td>
        <td>
            <a href="{!! route('equipe.show', $equipe->equipe->id) !!}">{{$equipe->equipe->lb_equipe}}</a>
        </td>
        <td>{!! Form::text('nb_bonus') !!}</td>
    </tr>
@endforeach

希望有人明白我想做什么。非常感谢朋友们

我的选择过滤器搜索:

<select id="poule">
  @foreach($select_poules as $select_poule)
      <option value="{{$select_poule->id}}">{{$select_poule->lb_poule}}</option>
  @endforeach
</select>

我的表:

<table id="equipes" class="table table-striped">
    <thead>
        <tr>
            <th>Club</th>
            <th>Nom de l'équipe</th>
            <th>Bonus(+/-)</th>
        </tr>
    </thead>
    <tbody>
        @foreach($equipes as $equipe)
        <tr>
            <td>
                <a href="{!! route('club.show', $equipe->equipe->structure->id) !!}">{{$equipe->equipe->structure->nom_structure}}</a>
            </td>
            <td>
                <a href="{!! route('equipe.show', $equipe->equipe->id) !!}">{{$equipe->equipe->lb_equipe}}</a>
            </td>
            <td>{!! Form::text('nb_bonus') !!}</td>
        </tr>
        @endforeach
    </tbody>
</table>

我的剧本:

<script>
    $(document).on('change', '#poule', function() {

        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });

        $.ajax({
            type: 'GET',
            dataType: "json",
            url : '/licences/public/search/equipes',
            data : {
                poule_id : $('#poule').val()
            },
            success:function(data){

                $('#equipes').empty();
                for (var i = 0; i < data.equipes.length; i++) {
                    $('#equipes').append('<tr><td>'+data.equipes[i].equipe_id+'</td></‌​tr>')
                }

            },
            timeout:10000
        });

    });
</script>

0 个答案:

没有答案