Ajax request url point to a route

Question

I set the following route in my route file:

Route::post('order/productsByCategory', ['uses'=>'OrderController@productsByCategory']);

How do I use it in my Ajax request ?

$.ajax({
        url: "",
        type: 'POST',
        data: "",
        headers: {
            'X-CSRF-Token': laravel_token
        },
        dataType: 'JSON',
        success: function (data) {
            console.log(data);
        }
    });

EDIT: I’ve changed course to:

Route::post('Order/productsByCategory', ['as' => 'productsByCategory', 'uses'=>'OrderController@productsByCategory']);

And the requisition for:

$.ajax({
        url: '{{ route("productsByCategory") }}',
        type: 'POST',
        data: { id: categoryId},
        dataType: 'JSON',
        headers: {
            'X-CSRF-Token': laravel_token
        },
        success: function (data) {
            debugger;
            console.log(data);
        }
    });

But the following mistake happened:

POST http://localhost/manapasteis2/public/%7B%7B%20route(%22productsByCategory%22)%20%7D%7D 403 (Forbidden)

Answer 1

Use {{ route("apelidoDaRota") }} does not work inside a file .js, and I noticed that you’re using the public instead of setting up the VirtualHost in Apache/Ngnix then you will have to do so:

$.ajax({
    url: '/manapasteis2/public/order/productsByCategory',
    type: 'POST',
    data: { id: categoryId},
    dataType: 'JSON',
    headers: {
        'X-CSRF-Token': laravel_token
    },
    success: function (data) {
        debugger;
        console.log(data);
    }
});

Set up in VirtualHost and point directly to the folder public then you’ll just have to do this:

$.ajax({
    url: '/order/productsByCategory',
    type: 'POST',
    data: { id: categoryId},
    dataType: 'JSON',
    headers: {
        'X-CSRF-Token': laravel_token
    },
    success: function (data) {
        debugger;
        console.log(data);
    }
});

Here are some tips on how to set up VirtualHost:

• Laravel 5 - Remove public from URL

Answer 2

Add an alias:

Route::post('order/productsByCategory', ['as' => 'apelidoDaRota', 'uses'=>'OrderController@productsByCategory']);

Call by alias:

url: "{{ route("apelidoDaRota") }}",