Javascript 使用Ajax和symfony动态生成表单中的表
我正在与symfony项目合作。我想在表单中选择某个选项时在表单中生成表 这是我的任务 表单中有名称选项(如John、Mia、Lia等) 当我们选择“约翰”时。我想使用表格显示“john”的所有详细信息。 那张表应该在表格中找到 在这个链接中有一些例子 但我想用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中,启动
将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)) ;