Javascript 错误Ajax和Laravel 500（内部服务器错误）

我试图在Chrome中使用AJAX，但它不起作用。这是我的代码，你可以在下面看到。这是我的web.php文件的副本

Route::view('menu','home.menu',['categories'=> App\Categories::orderBy('name')->get()->take(11),'active' => 'menu'])->name('menu');
Route::get('/products','MenuController@getproducts');

这是我的ajax

$.ajax({
      type: "GET",
      dataType:'html',
      url: "{{url('/products')}}",
      data: "cat_id="+ id,
      success: function(response){
        console.log(response)
        $("#productData").html(response)
      },
      error: function(data) {
        console.log('Error:', data);
      },
    });

这是我的控制器方法的代码

    public static function getproducts(Request $request)
    {
        get productsd = $request->cat_id;
        $categories = Categories::orderBy('name')->get()->take(11);
        $collection = DB::table('products')
                      ->join('product_category', 'products.id','=', 'product_category.product_id')
                      ->where('product_category.category_id', '=', $category_id)
                      ->get();
        return view('home.menu',[
            'data' => $collection,
        ]);
    }

---

您可以在Ajax中做一个更改。

data:“cat\u id=“+id，

传递

data:{cat\u id:id}

您没有在查询中使用从

请求

收到的

类别id

返回视图时，您没有传递类别

return view('home.menu',[
            'data' => $collection,
'categories'=>$categories
        ]);

---

返回视图（'home.menu'，['data'=>$collection，'categories'=>$categories，]）；}非常感谢。这是工作

return view('home.menu',[
            'data' => $collection,
'categories'=>$categories
        ]);