如何显示Ajax jquery Symfony3.2

时间:2017-04-15 11:58:34

标签: php jquery ajax symfony

我从ajax开始使用symfony 3.2并且我有两个数字的小测试总和,查询已经发送好但是没有显示,因为状态是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>
		<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"></span></td>
		</tr>
		<tr>
			
			<td colspan="2"><input type="button" name="" id="bttn" value="somme"></td>
		</tr>
	</table>
&#13;
&#13;
&#13;

JS:

&#13;
&#13;
{% 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%}
&#13;
&#13;
&#13;

也许它正处于树枝层,有些东西可行,请提前感谢您的帮助

1 个答案:

答案 0 :(得分:0)

你必须实际告诉你的树枝模板显示你的答案,它不会神奇地出现。

例如,要将其放在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>