如何將Ajax與Symfony2集成

Question

我正在尋找一個簡單的教程/關於symfony2中的ajax的例子，對於初學者？

我有這方面的例子：

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

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

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

哪有這些被放入Symfon中y2應用程序？

Answer 1

很簡單。 我將演示如何通過3個步驟在Symfony2中執行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)); 
  }  
  

• 準備好您的通話AJAX在Twig模板，例如：

  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調用改變的例子。