Comment générer Symfony 2 twig URL avec la valeur de paramètre à partir de Javascript?

Je veux ajouter des paramètres de chaîne de requête à partir de javascript (jquery) pour symfony 2 url.
Je veux passer la valeur du bouton radio sélectionné pour une requête ajax.e.g.en php, j'aurais fait comme

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

Comment générer des URL dans symfony2 twig ? Nous générer l'URL dans symfony 2 twig comme

{{ path('example_path', {'id': id}) }} où id est twig variable.

J'ai essayé d'utiliser FOSJsRoutingBundle mais ne sais pas si c'est pour le même problème et ne sais pas comment l'utiliser ?

J'ai essayé ci-dessous mais ça ne fonctionne pas.

$('.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 mentionnée ci-dessous par koskoz travaillé, je n'ai pas réussi options={"exposer"=true} mais après l'ajout, il a travaillé.

Mais il y a un problème de plus. Il ne fonctionne que jusqu'à ce que nous n'avons pas d'actualiser la page. Si nous rafraîchir la page, ça ne fonctionne pas. Pour le faire fonctionner, j'ai supprimer les fichiers de cache de symfony.

Il ne fonctionne pas dans les autres navigateurs si nous avons déjà ouvert dans un navigateur.

j'ai trouvé la solution ici, grâce à Airam : stackoverflow.com/a/16584335/4008043

OriginalL'auteur vishal | 2014-01-23

  1. 3

    C'est exactement ce que FOSJsRoutingBundle vise:

    Vous configurez l'itinéraire que vous souhaitez exposer dans JavaScript, charger le JS et puis il suffit de faire quelque chose comme ceci :

    Routing.generate('my_route_to_expose', { id: 10 });
    il y a un problème de plus. Il ne fonctionne que jusqu'à ce que nous n'avons pas d'actualiser la page. Si nous rafraîchir la page, ça ne fonctionne pas. Pour le faire fonctionner, j'ai supprimer les fichiers de cache de symfony. Il ne fonctionne pas dans les autres navigateurs si nous avons déjà ouvert dans un navigateur.

    OriginalL'auteur DevAntoine

  2. 1

    Au lieu de 

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

}

    et à l'aide de 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);
        }
    });
});

    Ci-dessous ont mieux fonctionné pour moi,

         /**
     * @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);
        }
    });
});
    Cela fonctionne parce que vous êtes en train d'ajouter votre code JavaScript directement à l'intérieur de votre Brindille de modèles, mais les path aide ne fonctionne pas à l'intérieur d'un .fichier js. Vous pouvez avoir un problème de mise en cache avec assetic, parce que j'ai utilisé le FOSJsRoutingBundle un grand nombre de fois, comme dit dans la doc et j'ai été confronté à votre question.

    OriginalL'auteur vishal

  3. 1

    Obtenir le fosjsrouting bundle à partir d'ici: https://github.com/FriendsOfSymfony/FOSJsRoutingBundle
    et dans votre fichier de routage ajouter pour l'itinéraire

    options:
    exposer: vrai

    Et dans votre fichier js ajouter
    url = Routage.generate('route_name', {paramètre: parameter_value});

    OriginalL'auteur Sandeep Gupta