通过表单form插件,调用ajaxForm()方法,实现ajax方式向服务器提交表单数据,并通过方法中的options对象获取服务器返回数据,调用格式如下:$(form). ajaxForm ({options});

  其中form参数表示表单元素名称;options是一个配置对象,用于在发送ajax请求过程,设置发送时的数据和参数。例如,在页面中点击“提交”按钮,调用form插件"ajaxForm()"的方法向服务器发送录入的用户名和密码数据,服务器接收后返回并显示在页面中,如下面代码所示。

<body>
<form id="frmV" method="post" action="#">
<div id="divtest">
<div class="title">
<span class="fl">用户登录页</span>
<span class="fr">
<input id="btnSubmit" type="submit" value="提交" />
</span>
</div>
<div class="content">
<span class="fl">用户名:</span><br />
<input id="user" name="user" type="text" /><br />
<span class="fl">密码:</span><br />
<input id="pass" name="pass" type="password" />
<div class="tip"></div>
</div>
</div>
</form>

<script type="text/javascript">
$(function () {
var options = {
url: "Data/form.php",
target: ".tip"
}
$("#frmV").ajaxForm(options);
});
</script>
</body>

当点击“提交”按钮时,调用form表单插件中的ajaxForm()方法向指定的服务器以ajax方式发送数据,服务器接收后返回并将数据显示。