表单插件-form

最新推荐文章于 2022-03-22 21:47:57 发布

abmme82408

最新推荐文章于 2022-03-22 21:47:57 发布

阅读量187

点赞数

文章标签： javascript php ViewUI

原文链接：http://www.cnblogs.com/suntao12138/p/7840563.html

版权

通过表单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方式发送数据，服务器接收后返回并将数据显示。

转载于:https://www.cnblogs.com/suntao12138/p/7840563.html

abmme82408

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
表单插件-form

通过表单form插件，调用ajaxForm()方法，实现ajax方式向服务器提交表单数据，并通过方法中的options对象获取服务器返回数据，调用格式如下：$(form). ajaxForm ({options})；其中form参数表示表单元素名称；options是一个配置对象，用于在发送ajax请求过程，设置发送时的数据和参数。例如，在页面中点击“提交”按钮，调用form插...
复制链接

扫一扫