current community

your communities

more stack exchange communities

company blog
Stack Exchange Inbox Reputation and Badges
tour help
Join the Stack Overflow Community
Stack Overflow is a community of 6.4 million programmers, just like you, helping each other.
Join them; it only takes a minute:
Sign up
up vote 4 down vote favorite

I want to append query string parameters from javascript (jquery) to symfony 2 url. I want to pass the value of selected radio button to ajax request e.g.in plain php I would have done like

$(document).ready(function() {
    $('.id_radio').click(function() {                      
        $.ajax({
            'url': 'example.php?id='+($this).val(),
            'success': function(r) {
                $('#div1').html(r);
            }
        });
    });

How to generate such URL in symfony2 twig ? We generate URL in symfony 2 twig like

{{ path('example_path', {'id': id}) }} where id is twig variable.

I tried using FOSJsRoutingBundle but don't know if it is for same problem and not sure how to use it ?

I tried below but it is not working. 

$('.id_radio').click(function() {
    alert(Routing.generate('example_path', {
        'id': $(this).val()
        }));
    $.ajax({
        'url': Routing.generate('example_path', {
            'id': $(this).val()
            }),
        'success': function(r) {
            $('#div1').html(r);
        }
    });
});

Solution mentioned below by koskoz worked, I did not pass options={"expose"=true} but after adding it worked.

But there is one more problem. It works only until we do not refresh page. If we refresh page, it does not work. To make it work, I have to delete symfony cache files.

It does not work in other browser if we have already opened it in one browser.

share|improve this question
    
i found the solution here thanks to Airam : stackoverflow.com/a/16584335/4008043 – Najd Mrabet Jun 8 at 18:14
up vote 3 down vote

This is exactly what FOSJsRoutingBundle is aiming for:

You configure the route you want to expose in JavaScript, load the JS and then simply do something like this :

Routing.generate('my_route_to_expose', { id: 10 });
share|improve this answer
    
there is one more problem. It works only until we do not refresh page. If we refresh page, it does not work. To make it work, I have to delete symfony cache files. It does not work in other browser if we have already opened it in one browser. – vishal Jan 23 '14 at 7:32
up vote 1 down vote accepted

Instead of 

/**
 * @Route("/example/{name}", name="example_path", options={"expose"=true})
 * @Template
 */
public function exampleAction($name)
{

}

and using FOSJsRoutingBundle 

$('.id_radio').click(function() {
    alert(Routing.generate('example_path', {'id': $(this).val()}));
    $.ajax({
        'url': Routing.generate('example_path', {'id': $(this).val()}),
        'success': function(r) {
            $('#div1').html(r);
        }
    });
});

Below worked better for me,

     /**
     * @Route("/example", name="example_path", options={"expose"=true})
     * @Method({"GET"})
     * @Template 
     */
    public function exampleAction()
    {


    }

$('.id_radio').click(function() {
    $.ajax({
        'url': '{{ path('example_path') }}',
        'data': 'name='+$(this).val(),
        'type': 'GET',
        'success': function(r) {
            $('#div1').html(r);
        }
    });
});
share|improve this answer
    
This works because you're adding your JavaScript directly inside your Twig's templates, but the path helper won't work inside a .js file. You may have a caching issue with assetic, because I used the FOSJsRoutingBundle a lot of times as told in the doc and I've faced your issue. – DevAntoine Jan 23 '14 at 8:27
up vote 1 down vote

Get the fosjsrouting bundle from here: https://github.com/FriendsOfSymfony/FOSJsRoutingBundle and in your routing file add for that route

options: expose: true

And in your js file add url = Routing.generate('route_name', {parameter: parameter_value});

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.