如何顯示Ajax jQuery的Symfony3.2

Question

我開始與symfony 3.2 ajax和我有兩個數字的小測試總和，查詢已發送良好，但它不顯示，因爲狀態是200 OK（檢查谷歌鉻）但不顯示。謝謝你對我的幫助

這是我的控制器：

/** 
 
    * @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，您可以執行以下操作。 |default過濾器將處理som變量爲空的情況。

<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>