Laravel ajax 发布数据

Question

I have an eCommerce shop where I have to filter products by its categories.

I have to post an array of all filters in the controller, but I am getting this error

 "message": "",
    "exception": "Symfony\\Component\\HttpKernel\\Exception\\NotFoundHttpException",
    "file": "C:\\xampp\\htdocs\\web_front\\vendor\\laravel\\framework\\src\\Illuminate\\Routing\\RouteCollection.php",
    "line": 179

Here is my code:

 <script>
    $(document).ready(function () {
        var categories = [];
        $('input[name="cat[]"]').on('change', function (e) {
            e.preventDefault();
            categories = []; // reset
            $('input[name="cat[]"]:checked').each(function()
            {
                categories.push($(this).val());
            });



            $.ajax({

                type:"GET",

                url:'advanced_filter/' + categories,


                success:function(data){

                    console.log(data);
                },
                error: function(xhr,errmsg,err)
                {
                    console.log(xhr.responseText);
                }
            });
        });
    });

</script>

web.php

Route::get('advanced_filter/{filters}', 'HomepageController@advanced_filter')->name('advanced_filter');


 public function advanced_filter($filters)
    {
dd($filters);
}

I am trying to show all the filters, so I can make a query to get all the products based on filters. I have created the script where I get all filters and want to post it in the controller. Please, can you see this? Thank you

Answer 1

first of all:

"exception":"Symfony\\Component\\HttpKernel\\Exception\\NotFoundHttpException",

above exeption occur when route is not found. NotFoundHttpException has status 404

in your code you are passing array of categories in route params, which is syntactically wrong, so thats why failed to find route.

Route::get('advanced_filter', 'HomepageController@advanced_filter')->name('advanced_filter');

from frontend side: pass categories as query parameters

url will be:

/advanced_filter?queryParameter= ids of selected categories

/advanced_filter?categories=1,3,7

your ajax function will be:

$.ajax({
     type:"GET",
     url:`/advanced_filter?categories=${categories.join(',')}`,
     success:function(data){
             console.log(data);
      },
      error: function(xhr,errmsg,err){
             console.log(xhr.responseText);
      }
   });

in your controller:

use Illuminate\Http\Request;

public function advanced_filter(Request $request)
{
    $filter_categories=[];
    if($request->has('categories')){
      $filter_categories=$request->query('categories');
    }

    /* you can pass extra query parameter like sortBy,sortOrder,limit  in url 
     `/advanced_filter?categories=1,3,7&limit=24&sortBy=name&sortOrder=desc`
 */

     $sortBy=$request->has('sortBy')?$request->query('sortBy'):'id';
     $sortOrder=$request->has('sortOrder')?$request->query('sortOrder'):'desc';
     $limit = $request->has('limit')?$request->has('limit'):12;

     /* assuming you have models with relations */

     $query = Products::query();
     $query->with('categories');
     if(count($filter_categories)>0){
        $query->whereHas('categories', function ($q) use ($filter_categories) {
            $q->whereIn('categories.id',$filter_categories);
        });
     }
     $query->orderBy($sortBy,$sortOrder);
     $products = $query->paginate($limit);
     return response()->json($products);

}