如何使用jquery ajax一个完整的表单

Question

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

这是我的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 );