如何显示 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>
		<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>

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>