在“更改表”边栏选项卡上选择“视图”

Question

>更新：现在当我更改poule_id时，我得到一个空白表，里面什么都没有，当我直接转到 url 时，如下所示：

https://mydomaine.eu/go/public/competition/search/equipes?poule_id=2

我得到 ：
表 ">

\\"我

尝试创建一个函数来更改我的刀片表的结果，该函数使用选择框显示装备(团队(，但目前什么也没发生，我不知道我在哪里做错了，它可能在javascript代码中

希望有人可以帮助解决这个问题，提前非常感谢

我尝试根据poule_id使用这样的选择框更改我的表格：

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

我的表包含依赖poule_id的团队：

@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

这是我的控制器：

public function searchEquipes(Request $request)
{
    if ($request->has('poule_id')) {
        $equipes = EquipePoule::where('poule_id' , $request->poule_id)->get();
        $competition = Compet::where('id' , 1)->first();
        $categorie_compet = CategorieCompet::pluck('lb_categorie_compet' , 'id');
        $categorie_age = CatgEquipe::pluck('lb_catg_equipe' , 'id');
        $structure_rattachement = Structure::select('num_structure', 'nom_structure' , 'id')
            ->where('type_structure_id' , '1')
            ->orWhere('type_structure_id' , '2')
            ->orWhere('type_structure_id' , '3')
            ->get()
            ->mapWithKeys(function($i) {
                return [$i->id => $i->num_structure.' - '.$i->nom_structure];
            });
        $poules = Poule::where(['compet_id' => $competition->id])->get();
        $rencontres = Rencontre::where(['compet_id' => $competition->id])->orderBy('dt_rencontre' , 'DESC')->get();
        $designations = RencontreOfficiel::where(['compet_id' => $competition->id])->get();
        $classements = Classement::where(['compet_id' => $competition->id])->orderBy('nb_point_classement' , 'DESC')->get();
        $equipe_to_select = Equipe::select('lb_equipe', 'structure_id' , 'catg_equipe_id' ,'id')
            ->get()
            ->mapWithKeys(function($i) {
                return [$i->id => $i->lb_equipe.' - '.$i->structure->nom_structure.' - ' .$i->catg_equipe->lb_catg_equipe];
            });
        $stade = Stade::select('lb_nom', 'ville_stade' ,  'cd_post_stade' ,  'id')
            ->get()
            ->mapWithKeys(function($i) {
                return [$i->id => $i->lb_nom.' - '.$i->ville_stade.' - '.$i->cd_post_stade];
            });

        $find_equipes = $competition->equipes;
        $domicile = $find_equipes->mapWithKeys(function ($i) {
            return [$i->id => $i->lb_equipe.' - '.$i->structure->nom_structure.' - ' .$i->catg_equipe->lb_catg_equipe];
        });

        //ON AFFICHE QUE LES EQUIPES ENREGSITRER DANS LE COMPETITION
        $find_equipes = $competition->equipes;
        $visiteur = $find_equipes->mapWithKeys(function ($i) {
            return [$i->id => $i->lb_equipe.' - '.$i->structure->nom_structure.' - ' .$i->catg_equipe->lb_catg_equipe];
        });
        $select_poules = Poule::where('compet_id' , 1)->get();
        $journees = Journee::where('compet_id' , 1)->get();
        $journee_to_select = Journee::where('compet_id' , 1)->pluck('nm_journee' , 'id');

        return response()->json([
            'table' => view("competitions/show", compact('equipes' , 'competition' , 'categorie_age' , 'categorie_compet' , 'classements' , 'equipe_to_select' , 'structure_rattachement' , 'poules' , 'select_poules' , 'journee_to_select' , 'journees' , 'rencontres', 'designations' , 'stade', 'domicile' , 'visiteur'))->render(),
        ]);
    }else {
        echo 'on trouve rien ';
    }

这是我的javascript：

<script>
    $('#poule').change(function () {
        $.ajax({
            type: 'GET',
            dataType: "json",
            url : 'search/equipes/',
            data : {
                poule_id : document.getElementById('poule').value
            },
            success:function(data){
                $('#equipes').html(data.table);
            },
        });
    });
</script>

Answer 1

没有错误反馈是很奇怪的，但我首先将您在 ajax 函数中期望的数据类型更改为 html，因为没有必要转换为 json 并在 javascript 中将其投射回 html。所以它看起来像这样：

您的控制器：

public function searchEquipes(Request $request)
{
    if ($request->has('poule_id')) {
        $equipes = $equipes = EquipePoule::wherePouleId($request->poule_id)->get();
        return view("competitions/show", compact('equipes'))->render();
    }
}

你的 ajax：

<script>
    $('#poule').change(function () {
        $.ajax({
            type: 'GET',
            dataType: "html",
            url : 'search/equipes/',
            data : {
                poule_id : document.getElementById('poule').value
            },
            success:function(data){
                $('#equipes').html(data);
            }
        });
    });
</script>

然后我会按照一些步骤来检查失败在哪里：

• 事件是否到达了阿贾克斯？
• ajax 是否到达服务器？
• 服务器是否路由调用控制器？
• 控制器是否正确返回视图？
• ajax 是否正在更新 dom 容器？

告诉我它失败的地方，我将使用更多信息进行编辑。