cómo implementar ajax en mi proyecto symfony2

[bNd170]

Utiliza la funcion data 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
});