cómo implementar ajax en mi proyecto symfony2

[weltxo]

Iniciado por bNd170

Utiliza la funcion [URL="http://api.jquery.com/jquery.data/"]data [/URL] de jQuery.

En el DOM debes hacer algo así:

Código HTML:

<div class="row">
  <div class="col-sm-12 col-xs-12">
        <a class="btn btn-info btn-xs letra" href="#" data-letra="a">A</a>
        <a class="btn btn-info btn-xs letra" href="#" data-letra="b">B</a>
         ......
        <a class="btn btn-info btn-xs letra" href="#" data-letra="z">Z</a>
      </div>
</div>
 

He añadido una clase para localizar los botones y un atributo de clase data para almacenar la letra.

Ahora en jQuery simplemente debes hacer un listen al evento que desees y capturar lo que necesites:

Código Javascript:

$(".letra").on('click', function() {
      $("#paises").load("{{ path('paises_letra' , {'letra': $(this).data('letra')}) }}");
    })
 

Por cierto, es recomendable que TODO código de jQuery se englobe dentro de la funcion .ready() al document, para que el javascript se ejecute una vez la página (el DOM) esté lista.

Código Javascript:

$(document).ready(function() {
  // Aqui vuestro código JQuery
});
 

Hola, he probado lo que me comentas, pero hay un problema, y es que estamos mezclando código javascript en código twig

Código:

{{ path('paises_letra' , {'letra': $(this).data('letra')}) }}

Esta página está desarrollada con el motor de plantillas TWIG, y al insertar el código jquery dentro del código TWIG casca.
Precisamente otra de las preguntas que formulé, es cómo poder solucionar este problema:
http://www.forosdelweb.com/f68/como-pasar-valor-variable-js-twig-1113556/