Ajax jqueryの表示方法Symfony3.2

Question

symfony 3.2でajaxを使い始めると、2つの数字の小さなテスト合計がありますが、クエリは正常に送信されましたが、ステータスは200 OK（検査済みgoogle chrome）は表示されません。

/** 
 
    * @Route("/cal",name="cal_page") 
 
    */ 
 
    public function ajaxAction(Request $request) 
 
    { 
 
     $num1=$request->query->get('nbr1'); 
 
     $num2=$request->query->get('nbr2'); 
 

 
     $som=$num1+$num2; 
 
     var_dump($som); 
 

 
     
 

 
     return $this->render('ProjetBundle:Default:ajax.html.twig',array('som'=>$som)); 
 
    }

ビュー：

<table> 
 
\t \t <tr> 
 
\t \t \t <td>Nombre1</td> 
 
\t \t \t <td><input type="text" name="" id="num1"></td> 
 
\t \t </tr> 
 
\t \t <tr> 
 
\t \t \t <td>Nombre2</td> 
 
\t \t \t <td><input type="text" name="" id="num2"></td> 
 
\t \t </tr> 
 
\t \t <tr> 
 
\t \t \t <td>Resultat</td> 
 
\t \t \t <td><span id="resultat"></span></td> 
 
\t \t </tr> 
 
\t \t <tr> 
 
\t \t \t 
 
\t \t \t <td colspan="2"><input type="button" name="" id="bttn" value="somme"></td> 
 
\t \t </tr> 
 
\t </table>

JS：私

この私のコントローラを助けてくれてありがとう

{% block javascripts %} 
 
    <script type="text/javascript"> 
 
     $(document).ready(function(){ 
 
      $("#bttn").click(function(e) { 
 
       e.preventDefault(); 
 
       var nbr1 = $('#num1').val(); 
 
       var nbr2 = $('#num2').val(); 
 
       if (isNaN(nbr1)|| isNaN(nbr2)) { 
 
        alert('nbr1 ou nbr2 number'); 
 
       } 
 
       else{ 
 
        $.ajax({ 
 
         type:'GET', 
 
         data:{nbr1:nbr1,nbr2:nbr2}, 
 
         url:'{{path('cal_page')}}', 
 
         success:function(data){ 
 
          $('#resultat').html(data); 
 
          console.log('aiza ah'); 
 
         } 
 
        }); 
 
       } 
 
      }); 
 
     }); 
 
    </script> 
 
{%endblock%}

多分それは仕事をして何かがあること小枝レベルでだ、あなたが実際にあなたの答えを表示するためにあなたの小枝テンプレートを伝える必要があり、あなたの助けを事前に

Answer 1

に感謝し、それは魔法のように表示されません。

たとえば、id：resultantの要素に配置するには、次のようにします。 som変数が空の場合は、|defaultフィルタで処理されます。

<table> 
 
    <tr> 
 
     <td>Nombre1</td> 
 
     <td><input type="text" name="" id="num1"></td> 
 
    </tr> 
 
    <tr> 
 
     <td>Nombre2</td> 
 
     <td><input type="text" name="" id="num2"></td> 
 
    </tr> 
 
    <tr> 
 
     <td>Resultat</td> 
 
     <td><span id="resultat">{{ som|default }}</span></td> 
 
    </tr> 
 
    <tr> 
 

 
     <td colspan="2"><input type="button" name="" id="bttn" value="somme"></td> 
 
    </tr> 
 
</table>