如何使用jquery创建整个表单

如何使用jquery创建整个表单,jquery,html,ajax,jsp,Jquery,Html,Ajax,Jsp,我已经设置了一个jquery脚本来提交表单,我想获取响应(我认为这是一个完整的页面,很小),并使用响应的内容来替换表单(因为响应就是表单) 以下是我的jquery脚本: $("#addPersonButton").click(function(){ $.post("/MySite/MyAjaxServlet.do", $("#personForm").serialize(), function( data ) { var content = $( data );

我已经设置了一个jquery脚本来提交表单,我想获取响应(我认为这是一个完整的页面,很小),并使用响应的内容来替换表单(因为响应就是表单)

以下是我的jquery脚本:

$("#addPersonButton").click(function(){
    $.post("/MySite/MyAjaxServlet.do", $("#personForm").serialize(), function( data ) {
        var content = $( data );
        $( "#personForm" ).empty().append( content );
    });
});
但是,我的页面上的输出显示为“[object]”

如何用响应中返回的表单替换页面中的表单

试试看

$( "#personForm" ).empty().append( data );
试试看


html
方法替换匹配选择器的内容

$( "#personForm" ).html( data );

html
方法替换匹配选择器的内容

$( "#personForm" ).html( data );

嗯。现在这个方法快一点吗现在它可以工作了,我不再像在表单上一样点击add person按钮了。
html
,因为它比同时使用
empty
append
快2倍,而且更清晰。演示:。您可以使用
live
而不是
单击
-这会将侦听器附加到当前元素上的事件,这些事件将随着新的jQuery出现
on
off
方法而存在,这是
绑定
live
解除绑定
死亡
的结果。在Hm上读到这一点。现在这个方法更快了吗现在它可以工作了,我不再像在表单上一样点击add person按钮了。
html
,因为它比同时使用
empty
append
快2倍,而且更清晰。演示:。您可以使用
live
而不是
单击
-这会将侦听器附加到当前元素上的事件,这些事件将随着新的jQuery出现
on
off
方法而存在,这是
绑定
live
解除绑定
死亡
的结果。在网上读到这篇文章