Use Symfony2 route in Javascript

Question

I have a Symfony app using a little bit of Javascript. There is a ajax request calling an API in Symfony:

$.ajax({
    type: "POST",
    url: "http://symfony.dev/api/price",
    cache: false,
    data: {
        'volume': $('#tunnel_step_one_volume').val(),
        'delivery': $('#tunnel_step_one_isStandardDelivery').val()
    },

    success: function (data, status) {
        console.log(data);
        Command.refreshData(data);
    },

    error: function (jqXHR, textStatus, errorThrown) {
        console.log(jqXHR);
        console.log(textStatus);
        console.log(errorThrown);
    }
})

Now the URL is hard coded.

My question is:

What is the best practices to give the JS file my route name in Symfony?

if you use twig, you can pass a variable to the template and use the variable in the js included. — Maxi Schvindt
– Maxi Schvindt, Commented May 2, 2016 at 11:54

Bob · Accepted Answer · 2016-05-02 11:56:51Z

1

You can use https://github.com/FriendsOfSymfony/FOSJsRoutingBundle to achieve this.

The easiest way would be to return the route from the controller and print in a js variable inside your page:

<script> myUrl = {{myUrl}} </script>

But i wouldn't consider it best practice.

answered May 2, 2016 at 11:56

Bob

1322 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

François Dupont Over a year ago

Your easy way is a bad practice. The bundle is a nice practice

Collectives™ on Stack Overflow

Use Symfony2 route in Javascript

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related