Ajax와 Symfony2를 통합하는 방법

Question

초보자를위한 심포니 2에서 ajax에 대한 간단한 튜토리얼/예제를 찾고 있습니다?

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

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

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

어떻게

나는이 예제를 가지고 이것들을 Symfon에 넣을 수 있습니다. y2 앱?

Answer 1

쉽습니다. Symfony2에서 3 단계로 AJAX 호출하는 법을 설명하겠습니다. 다음 예제에서는 jQuery 라이브러리를 사용한다고 가정합니다.

• AJAX 호출을 처리해야하는 작업의 경로를 정의하십시오. 예 :

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

• 는 Home 번들로부터 MyAjax 제어기의 동작을 정의한다. 예 :

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

• 는

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

  당신은 호출 다른 AJAX를 사용하여 예를 변경할 수 있습니다 : 당신의 Twig 템플릿 예컨대 당신의 AJAX 전화를 준비합니다.