Laravel - 在 AJAX 响应中返回 2 个视图

Question

我有一个带有 2 个 @include 指令的视图，它们是执行 AJAX 调用时更新数据的子视图。 第一个 @include 在 AJAX 响应中正确更新，但我需要在同一个调用中返回第二个 @include 以更新显示的数据。

我正在遵循 onchange 事件的方法来更新部分视图如下，我相信该方法也将返回第二个部分视图并加载如下：$("#dashboardindicators").html(data);

控制器

if($request->ajax()){
                
    return view('pages.dashboard.dashboardindicators', compact('chart4_prop_null','chart4_progress','chart3_prop_null','chart3_progress',
    'chart2_prop_null','chart2_progress','chart1_prop_null','chart1_progress',
    'market_center_dropdown', 'mega_agent_dropdown', 'teams_dropdown'));

    

} else {
    return view('pages.dashboard.dashboard', compact('chart4_prop_null','chart4_progress','chart3_prop_null','chart3_progress',
                                            'chart2_prop_null','chart2_progress','chart1_prop_null','chart1_progress',
                                            'market_center_dropdown', 'mega_agent_dropdown', 'teams_dropdown'));
}

JS

<script>
    $(document).ready(function () {
    
    $('.dropdown_get').on("change", function(){

        KTApp.block("#dashboardindicators", {
                overlayColor: "#000000",
                type: "v2",
                state: "success",
                message: "Procesando..."
            }),
        
        $.ajax({
        url: "/dashboard",
        method: 'GET',
        data: {
            market_center_id: $("#kt_market_center_dropdown option:selected").val(),
            mega_agent_id: $("#kt_mega_agent_dropdown option:selected").val(),
            team_id: $("#kt_team_dropdown option:selected").val(),
        },
        success: function (data) {
            $("#dashboardindicators").html(data);
            setTimeout(function () {
                    KTApp.unblock("#kt_blockui_1_content")
                });
             
        }
        });
    });
});
</script>

Answer 1

如果您需要在 AJAX 响应中返回 2 个视图，您可以使用 response()->json() 方法：

$dashboardIndicators = view('pages.dashboard.dashboardindicators', compact(...)->render();
$dashboard = view('pages.dashboard.dashboard', compact(...)->render();

return response()->json(['dashboardIndicators' => $dashboardIndicators, 'dashboard' => $dashboard]);

然后，在您的 success: 函数中，像这样访问：

$("#dashboardindicators").html(data.dashboardIndicators);
$("#dashboard").html(data.dashboard);

另外，请确保使用->render() 函数将视图转换为 HTML。