Ajax url to action not working + Symfony2

Question

I want to make an ajax call with jquery autocomplete like this: ``` $("#register_player_team").autocomplete({ source: function( request, response ) { $.ajax({ url: "{{path('volley_scout_getteams_data')}}", dataType: "jsonp", success: function( data ) { console.log(data); }, error: function (xhr, ajaxOptions, thrownError) { console.log(xhr.status); console.log(thrownError); } }); } }); ``` In my routing.yml I have the following route defined: ``` volley_scout_getteams_data: pattern: /team/getteams defaults: { _controller: VolleyScoutBundle:Team:getteams } ``` And in my TeamController I have an action called getteamsAction(): ``` public function getteamsAction() { $entityManager = $this->getDoctrine()->getManager(); // Get teams from database $teams = $entityManager->getRepository('VolleyScoutBundle:Teams')->findAll(); foreach($teams as $team){ var_dump($team); } die(); } ``` (The dump and die() is just for testing, I want to check if he can find the link). But when I want to make the a…

Accepted Answer

The following line in your javascript code

```
url: "{{path('volley_scout_getteams_data')}}",
```

won't work...

The best way is to use the FOSJsRoutingBundle

1 Install FOSJsRoutingBundle to expose your routing in your JavaScript code. (very straight-forward)

2 Enable your route

```
volley_scout_getteams_data:
    pattern:  /team/getteams
    defaults: { _controller: VolleyScoutBundle:Team:getteams }
    options:
        expose: true
```

3 Adapt your js

```
var getTeamsUrl = Routing.generate('volley_scout_getteams_data');

$("#register_player_team").autocomplete({
    source: function( request, response ) {
        $.ajax({
            url: getTeamsUrl,
            //...
        });
    }
});
```

Ajax url to action not working + Symfony2

Solution

Problem

Related problems