Jquery 在AJAX成功时动态生成表行

我想做的是：当用户单击send时，我希望数据显示在

中（每个字段嵌套在自己的

中）

我已经写了一个脚本来实现这一点，但是系统还不是动态的

HTML:

<form name="contact" method="post" action="">
    <p>
        <label for="name">Name</label>
        <input type="text" name="name" id="name" />
    </p>
    <p>
        <label for="age">Age</label>
        <input type="text" name="age" id="age" />
    </p>
    <p>
        <label for="mail">Mail</label>
        <input type="text" name="mail" id="mail" />
    </p>
    <p>
        <input type="submit" name="submit" id="submit" value="Send" />
    </p>
</form>
<table id="results"></table>

有没有关于如何做到这一点的提示？或者您需要更清洁的解决方案吗？

这行代码：

row += "$('<td>').append("+dataString[i]+")";

然后：

var行=”；
var col=''；
对于（var i=0；i试试这个，它肯定会起作用

var str ='<tr>';
$.each(dataString, function(i){
    str += '<td>' + this + '<td>';
}
$('#results').append(str + '</tr>');

var-str=''；
$.each（数据字符串，函数（i）{
str+=''+这个+''；
}
$（'#results'）。追加（str+''）；
当您实际单击submit按钮时，表单将被提交，页面将被刷新。您可以将输入类型更改为button，并使用现有的JS代码。@vimalnath不，它不会；绑定到事件处理程序的函数末尾的
返回false；
可以防止出现这种情况。我知道这个问题，但不知道如何解决为了解决这个问题。太好了，非常感谢。我在想，如果我想在同一页上有多个表单（具有不同数量的字段），有没有更好的方法来实现这个脚本，而不是简单地用不同的
ID来复制它呢？
row += "$('<td>').append("+dataString[i]+")";

var row = $('<tr>');
for(var i = 0; i < n; i++) {
    row.append($('<td>').html(dataString[i]));
}

$('#results').append(row);

var row = '<tr>';
var col = '';
for(var i=0;i<dataString.length;i++)
    col += '<td>'+dataString[i]+'</td>';
row += '</tr>';
$('#results').append(row);

var str ='<tr>';
$.each(dataString, function(i){
    str += '<td>' + this + '<td>';
}
$('#results').append(str + '</tr>');