高级JQuery表单提交

Question

我熟悉Malsup ajaxForm插件。我认为它可以改进，但我不确定如何调整它，所以我想写我自己的。

我有一个确切格式的表格：

<form id="form1" action="./file.php" method="post" class="ajaxform">
<input type="hidden" name="action" value="updateValues" />
<fieldset><legend>Form Descriptor</legend>
<input ... />
<input ... />
<input ... />
<input type="submit" />
</fieldset>
</form>

我想编写一个提交数据的简单表单ajaxer，并且可以像malsup一样启动

$('.ajaxform').ajaxify(); // or
$('.ajaxform').each(function(id, o) { ... });

但是无论返回什么内容 - <fieldset>内的内容都会更新。 类似于

$('#form1 fieldset').load('file.php #form1 fieldset')

请指教！

Answer 1

没有记载，传递给malsup ajaxForm()的函数回调实际上接收了参数。

$('.ajaxform').each(function(id, o) {
        $(o).ajaxForm(function(data){
                $(o).html(data); // or whatever it is you want to do
        })
});