如何将视图 html 返回到控制器以 ajax 成功

Question

我想将整个 html 返回到控制器以进行 ajax 响应。我正在使用 render() 但没有将任何数据输入返回方法

下面是我的ajax：

$.ajax({
                            type: 'GET',
                            url: '{{url('/filter_each_video')}}',
                            data : { resolution : myCheckboxes, fps : myCheckboxesfps },
                            dataType: 'json',
                            success: function (response) {
                                console.log(response);
                               
                            },
                            error: function (data) {
                                console.log(data);
                                // console.log(data);
                            }
                });

下面是我的控制器实际渲染视图的地方

function filter_each_video(){
        if(request()->ajax()){
            
            $item = Item::whereIn('format', $_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);
            return view('frontend.pages.videos_for_each_filter', compact('data','formats','fps'))->render();
        }
    }

下面是我设置值的视图文件，整个 html 返回到控制器到 ajax 响应

<?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>';

    return $html;

?>

如果有人知道我在将 html 内容获取到控制器时到底做错了什么，请告诉我

我想将整个 html 返回到 ajax 响应

Answer 1

(1) 你试过response($output, 200, $headers)吗？

$html = view('frontend.pages.videos_for_each_filter', compact('data','formats','fps'))
           ->render();

\Log::debug('Rendered HTML', ['html'=>$html]);

return response($html,200);

检查您的/storage/logs 以仔细检查$html 是否正确。

(2) 你也可以试试 JSON：

return response()->json(['html' => $html]); 

在客户端，

console.log("res is ", response.data.html);

附带说明，您应该验证请求数据，而不是直接使用$_GET。你的控制器方法应该看起来更像这样......

use Illuminate\Http\Request; // (? From memory, maybe check the namespace)

public function filter_each_video(Request $request)
{
    $request->validate(['resolution' => 'required|string']);

    if( $request->ajax() ){

        $item = Item::whereIn('format', $request->resolution)->first();

        // ... cont'd
    }
}

如果您收到空响应，请在其中添加一些 \Log::debug 语句并找出您丢失响应的位置。