Javascript 选择onChange Table刀片视图

更新：现在，当我更改poule_id时，我得到一个空表，里面没有任何内容，当我直接转到url时，如：

我得到：
表“\n\n\n\n\n”

我尝试创建一个函数，该函数可以更改我的blade表的结果，该表显示装备（团队）和一个选择框，但此时什么都没有发生。我不知道我在哪里出错，可能是在javascript代码中

希望有人能帮助解决这个问题，提前多谢

我尝试根据poule_id使用如下选择框更改表格：

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

这里是我的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>

$（'#poule'）。更改（函数（）{
$.ajax({
键入：“GET”，
数据类型：“json”，
url:“搜索/装备/”，
数据：{
poule_id:document.getElementById（'poule'）.value
},
成功：功能（数据）{
$（'#equipes'）.html（data.table）；
},
});
});

没有错误反馈是很奇怪的，但我首先要将ajax函数中预期的数据类型更改为html，因为不需要在javascript中转换为json并转换回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>

$（'#poule'）。更改（函数（）{
$.ajax({
键入：“GET”，
数据类型：“html”，
url:“搜索/装备/”，
数据：{
poule_id:document.getElementById（'poule'）.value
},
成功：功能（数据）{
$（'#equipes'）.html（数据）；
}
});
});

然后，我将按照以下步骤检查失败的位置：

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

---

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

好的，那么您正试图使用ajax在div容器中注入整个视图？javascript控制台或php端是否有任何错误？是的，完全正确！！！问题是我在javascript或phpI中遇到任何错误。如果我更新了我的答案，请尝试按照这些步骤操作，并告诉我错误在哪里，以便我可以为您提供更好的答案。好的，我有一些更新！我编辑了这篇文章，希望你能看到问题出在哪里

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();
    }
}

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