如何使用jquery ajax整个表单

Question

我已经设置了一个jquery脚本来提交表单，我想获取响应（我认为这是一个完整的页面，albiet很小）并使用响应的内容来替换表单（因为响应只是形式）。

这是我的jquery脚本：

$("#addPersonButton").click(function(){
    $.post("/MySite/MyAjaxServlet.do", $("#personForm").serialize(), function( data ) {
        var content = $( data );
        $( "#personForm" ).empty().append( content );
    });
});

但是我页面上的输出显示为“[object Object]”

如何使用回复中返回的表单替换页面中的表单？

Answer 1

尝试，

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

Answer 2

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

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