Javascript 使用Ajax和symfony动态生成表单中的表

Javascript 使用Ajax和symfony动态生成表单中的表,javascript,php,jquery,ajax,symfony,Javascript,Php,Jquery,Ajax,Symfony,我正在与symfony项目合作。我想在表单中选择某个选项时在表单中生成表 这是我的任务 表单中有名称选项(如John、Mia、Lia等) 当我们选择“约翰”时。我想使用表格显示“john”的所有详细信息。 那张表应该在表格中找到 在这个链接中有一些例子 但我想用symfony来做 最好的方法是什么 请举个例子 将Javascript、Jquery或ajax与Symfony一起使用在这里,Symfony关键字会产生误导,因为您将从客户端Javascript代码生成表。在javascript中,启动

我正在与symfony项目合作。我想在表单中选择某个选项时在表单中生成表

这是我的任务

表单中有名称选项(如John、Mia、Lia等) 当我们选择“约翰”时。我想使用表格显示“john”的所有详细信息。 那张表应该在表格中找到

在这个链接中有一些例子

但我想用symfony来做

最好的方法是什么

请举个例子


将Javascript、Jquery或ajax与Symfony一起使用在这里,Symfony关键字会产生误导,因为您将从客户端Javascript代码生成表。在javascript中,启动一个Ajax调用,将请求发布到PHP/Symfony应用程序。这个函数返回一个JSON对象数组,您的Ajax complete/done方法使用jQuery创建表。以下是一个例子:

<html>
<head>
    <script src="https://code.jquery.com/jquery-2.2.0.js"></script>
    <script>
    $(document).ready (function () {

    }) ;

    function go () {
        $.post ('/index.php/api/mycall',
        //$.post ('/php.php',
            {
                "param1": "param1",
                "param2": 2
            })
            .done (function (ret) {
                var tbl =$('#mytable') ;
                tbl.empty () ;
                $(document.createElement('tr'))
                    .append ('<th>id</th><th>firstname</th><th>lastname</th>')
                    .appendTo (tbl) ;
                $.each (ret, function (index, val) {
                    $(document.createElement('tr'))
                        .append ('<td>' + val.id + '</td><td>' + val.firstname + '</td><td>' + val.lastname + '</td>')
                        .appendTo (tbl) ;
                }) ;
            }) ;
    }
    </script>
</head>
<body>
    <input type="button" onclick="go()" />
    <div id="mytable"></div>
</body>
</html>

希望这对我们有所帮助

告诉我们您尝试了什么,以及失败的地方。
$results =[
  (object)[
    "id" => 1,
    "firstname" => "John",
    "lastname" => "Doe"
  ],
  (object)[
    "id" => 2,
    "firstname" => "Jane",
    "lastname" => "Doe"
  ]
] ;
return (new JsonResponse ($results, Response::HTTP_OK)) ;