form - Cómo integrar Ajax con Symfony2

symfony ajax response

Question

Estoy buscando forma simple tutorial / ejemplo sobre ajax en symfony2, para principiantes?

Tengo estos ejemplos:

• city.php: http://pastebin.com/Qm8LS5kh

• ajax_req.js: http://pastebin.com/UqJMad24

• index.html: http://pastebin.com/H1err4Yh

¿Cómo se pueden poner en una aplicación Symfony2?

Answer 1

Es fácil. Ilustraré cómo hacer una llamada AJAX en Symfony2 a través de 3 pasos. Para el siguiente ejemplo, suponga que usa la biblioteca jQuery.

• Defina la ruta para la acción que tiene que manejar su llamada AJAX. P.ej

  AcmeHomeBundle_ajax_update_mydata:
  pattern: /update/data/from/ajax/call
  defaults: { _controller: AcmeHomeBundle:MyAjax:updateData }

• Defina la acción en el controlador MyAjax del paquete de Home . P.ej

  public function updateDataAction(){
  $request = $this->container->get(''request'');
  $data1 = $request->query->get(''data1'');
  $data2 = $request->query->get(''data2'');
  ...
  //handle data
  ...
  //prepare the response, e.g.
  $response = array("code" => 100, "success" => true);
  //you can return result as JSON
  return new Response(json_encode($response));
  }

• Prepare su llamada AJAX en su plantilla de Twig , por ejemplo:

  function aButtonPressed(){
  $.post(''{{path(''AcmeHomeBundle_ajax_update_mydata'')}}'',
  {data1: ''mydata1'', data2:''mydata2''},
  function(response){
  if(response.code == 100 && response.success){//dummy check
  //do something
  }
  }, "json");
  }
  $(document).ready(function() {
  $(''button'').on(''click'', function(){aButtonPressed();});
  });

  Puede cambiar el ejemplo utilizando otras llamadas AJAX.