admin管理员组

文章数量:1023564

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/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?

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./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?

  • javascript
  • symfony
  • variables
  • twig
  • href
Share Improve this question asked Jul 10, 2014 at 9:57 NadimNadim 4041 gold badge11 silver badges32 bronze badges
Add a ment  | 

2 Answers 2

Reset to default 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>

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
});

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/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?

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./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?

  • javascript
  • symfony
  • variables
  • twig
  • href
Share Improve this question asked Jul 10, 2014 at 9:57 NadimNadim 4041 gold badge11 silver badges32 bronze badges
Add a ment  | 

2 Answers 2

Reset to default 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>

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
});

本文标签：

版权声明：本文标题：symfony - How to pass javascript variables values from twig to controller using href path in Symfony2? - Stack Overflow 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://it.en369.cn/questions/1745555399a2155844.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。