Javascript 通过Ajax将页面加载到div中会返回错误

我目前正在尝试使用Ajax将页面的特定部分加载到div中：

$（文档）。在“点击”上，功能（e）{
e、 预防默认值（）；
$.ajax({
url:“/user/{{$user->id}}/groups”，
类型：“POST”，
cache:false，
数据：{
子类型：“索赔组”，
类型：“论坛帐户”
},
标题：{'X-CSRF-TOKEN'：$（'meta[name=“CSRF-TOKEN”]'）。attr（'content'）}
})
.done（函数（数据）{
如果（数据=“成功”）
{
$（“#论坛信息容器”）.load（location.href+“#论坛信息容器”）；
$（“#论坛#数据#容器”）.load（location.href+“#论坛#数据#容器”）；
警惕（“良好”）；
}
})
.失败（功能（数据）{
控制台日志（数据）；
警惕（“坏”）；
});
});

现在发生的事情是相当奇怪的。有时，它会正确加载两个div。当我重新尝试“压力测试”所有内容时，它只加载“论坛信息容器”，当我检查网络选项卡时，它显示视图中使用的未定义stdClass索引“id”的错误

即使在我测试它时，ID也是定义的，因为当我刷新页面时，一切看起来都很好。它似乎有时起作用，有时不起作用。我的猜测是.load（）工作得太早或是类似的。我尝试使用setTimeOut，但它并没有解决这个问题

这是我的论坛\u数据\u容器div供参考：

<div class="card-body mb-3" style="padding-top:0px" id="forum_data_container">
        @if(!is_null($info))
            <div class="post-meta mb-2">
                 Posts - {{ $info->id }}
            </div>
            <div class="post-meta mb-2">
                 Stats - {{ $info->id }}
            </div>
        @else
            No info available.
        @endif
</div>

@如果（！为null（$info））
发布-{{$info->id}
统计数据-{{$info->id}
@否则
没有可用的信息。
@恩迪夫

试试这个：

$("#forum_info_container").load(window.location + " #forum_info_container");
$("#forum_data_container").load(window.location + " #forum_data_container");

---

现在正好相反。论坛信息容器未加载。