How to pass javascript variables values from twig to controller using href path in Symfony2?

Question

I would like to know how to pass javascript variables values from twig to controller using href path in Symfony2. this is my code:

 <html>
<head>
    <script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
</head>
<body>
    <script>
        var a = "hello";
        var b = "hi";
        var c = $('<a href="{{ path('ikproj_groupe_homepagegroupe1', {'id': a, 'num': b}) }}">send data</a>');
        $('body').append(c);
    </script>    
</body>
</html>

The problem is that it displays this message: Variable "a" does not exist . So, my question is: what is the correct code to do that?

pazulx · Accepted Answer · 2014-07-10 10:03:20Z

1

You need to set a twig variable. Ex:

<script>
    {% set a = 'hello' %}
    {% set b = 'hi' %}
    var c = $('<a href="{{ path('ikproj_groupe_homepagegroupe1', {'id': a, 'num': b}) }}">send data</a>');
    $('body').append(c);
</script>

answered Jul 10, 2014 at 10:03

pazulx

2,3791 gold badge17 silver badges17 bronze badges

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

2 Comments

Nadim Over a year ago

well, just one thing more, let's assume that we have this javascript variable: var groupid1 = parseInt(data1.groupid); ... how can I set it with twig? in fact, if I put {% set groupid1 = parseInt(data1.groupid) %} it displays this error message: The function "parseInt" does not exist . Thanks in advance.

pazulx Over a year ago

You cant mix JavaScript` and twig. First is run on client side and second is executed on serverside (twig is already rendered when JS work).

qooplmao · Accepted Answer · 2014-07-10 10:46:03Z

I find the easiest approach to this is to set the path in the original template using an href (or possible a data) attribute like..

<a href="{{ path('route_name', {'id': a }) }}" 
            class="some-specific-class">Click</a>

Or using a data attribute..

<a href="#" data-href="{{ path('route_name', {'id': a }) }}" 
            class="some-specific-class">Click</a>

And then in the javascript use..

$('a.some-specific-class').on('click', function(e) {
    e.preventDefault();

    var href = $(this).attr('href');
    .. or
    var href = $(this).data('href');

    .. do things with href
});

Alternatively you could you the FOSJSRoutingBundle and pass the id in a data attribute and generate the route from that using..

$('a.something').on('click', function(e) {
    e.preventDefault();

    var id = $(this).data('id'),
        url = Routing.generate('rout_name', {'id': id });

    .. do stuff with url
});

Collectives™ on Stack Overflow

How to pass javascript variables values from twig to controller using href path in Symfony2?

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related