Laravel控制器用render()返回视图HTML至AJAX无数据如何解决

• 响应格式和AJAX要求不匹配：你在AJAX配置中指定了dataType: 'json'，要求后端返回JSON格式数据，但控制器直接返回HTML纯字符串，jQuery会因为解析JSON失败直接进入error回调，无法拿到响应内容。
• 视图没有输出内容：Laravel的view()->render()方法会捕获视图文件的输出内容作为渲染结果，但你的视图仅用return $html返回字符串，没有输出该内容，导致render()获取到的是空值。

第一步：调整AJAX配置（二选一） #

方案A：要求AJAX解析HTML响应（更简单） #

修改AJAX代码中的dataType字段：

$.ajax({
    type: 'GET',
    url: '{{url('/filter_each_video')}}',
    data : { resolution : myCheckboxes, fps : myCheckboxesfps },
    dataType: 'html', // 把json改成html
    success: function (response) {
        console.log(response);
        // 直接把response插入页面对应位置即可
        // 比如 $('#target-container').html(response);
    },
    error: function (data) {
        console.log(data);
    }
});

方案B：保持JSON响应格式（适合需要同时返回其他数据的场景） #

不需要修改AJAX的dataType配置，后续控制器返回JSON包裹HTML即可。

第二步：修改视图文件输出HTML #

把视图文件最后一行的return $html;改为echo $html;，让渲染器可以捕获到HTML内容：

<?php
$html ="";
$html.= '<div class="row video-list">';
foreach($data['item'] as $video){
    $html.= '<div class="item video-item сol-12 col-md-6 col-lg-3 text-white mb-4 pull-left">
        <div class="item-wrapper display-7">
            <div class="item-img">Video Name</div>
        </div>
        </div>';
}
$html.= '</div>';
echo $html; // 替换原来的return
?>

第三步：对应调整控制器代码 #

如果你选了方案A（直接返回HTML） #

控制器调整为返回带正确响应头的HTML内容：

function filter_each_video(){
    if(request()->ajax()){
        $item = Item::whereIn('format', request()->get('resolution'))->get();
        $formats = DB::table('items')->select('format')->distinct()->get();
        $fps = DB::table('items')->select('fps')->distinct()->get();
        $data['item_count'] = $item;
        $data['item'] = $item;
        $data= $this->sellWise($data);
        $data= $this->starWise($data);
        $data= $this->dateWise($data);
        $html = view('frontend.pages.videos_for_each_filter', compact('data','formats','fps'))->render();
        return response($html, 200)->header('Content-Type', 'text/html');
    }
}

如果你选了方案B（返回JSON包裹） #

控制器调整为返回JSON结构：

function filter_each_video(){
    if(request()->ajax()){
        $item = Item::whereIn('format', request()->get('resolution'))->get();
        $formats = DB::table('items')->select('format')->distinct()->get();
        $fps = DB::table('items')->select('fps')->distinct()->get();
        $data['item_count'] = $item;
        $data['item'] = $item;
        $data= $this->sellWise($data);
        $data= $this->starWise($data);
        $data= $this->dateWise($data);
        $html = view('frontend.pages.videos_for_each_filter', compact('data','formats','fps'))->render();
        return response()->json([
            'code' => 200,
            'html' => $html
        ]);
    }
}

对应AJAX success回调可以通过response.html获取HTML内容。

• 不要使用原生$_GET获取参数，改用Laravel提供的request()->get()方法，安全性和兼容性更好。

内容的提问来源于stack exchange，提问作者Praful