ajax - Ajax と Symfony2 を統合する方法

Question

初心者向けのsymfony2のajaxに関する簡単なチュートリアル/例を探していますか?

私はこれらの例を持っています:

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

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

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

これらをどのように Symfony2 アプリに入れることができますか?

Answer 1

簡単です。Symfony2 で AJAX 呼び出しを行う方法を 3 つのステップで説明します。次の例では、jQuery ライブラリを使用することを想定しています。

• AJAX 呼び出しを処理する必要があるアクションのルートを定義します。例えば

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

• バンドルMyAjaxからコントローラーでアクションを定義します。Home例えば

  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 呼び出しを使用して例を変更できます。