jQuery ajaxForm()的应用

jQuery表单插件是一个优秀的埃阿斯表单插件，可以非常容易地、无侵入地升级超文本标记语言表单以支持Ajax。提供了很多有用的方法可以让你轻松的处理表单里的数据和表单的提交过程。本文就是介绍了ajaxForm()的应用。

一、ajaxForm()介绍

ajaxForm预处理将要使用创建交互式、快速动态网页应用的网页开发技术方式提交的表单，将所有需要用到的事件监听器添加到其中。它不是提交这个表单。在页面的准备好的函数里使用ajaxForm来给你页面上的表单做这些创建交互式、快速动态网页应用的网页开发技术提交的准备工作。

ajaxForm需要零个或一个参数。这唯一的一个参数可以是一个回调函数或者是一个可选参数对象。

是否可以连环调用： 是。

二、引入依赖的射流研究…

脚本src=' http : jquery-1。3 .1 .js ' type=' text/JavaScript '/脚本脚本src=' http : jquery。形式。js ' type=' text/JavaScript '/脚本三、编写页面

表单id='myForm '操作='demo.jsp '方法='post '名称：输入类型='text' name='name'/br/地址：输入类型=“文本”名称='address' /br/自我介绍：文本区域名称='注释'/文本区域br/输入类型=' submit ' id=' test ' value='提交/br/div id=' output 1 ' style=' display : none；/div/表单四、调用ajaxForm()方法

脚本类型='text/javascript' $(文档)。ready(function() { $('#myForm ')).Ajax表单(函数(){ $(“# output 1”)).html(")提交成功！欢迎下次再来！').show()；});});/script五、详细代码如下：

！' DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN ' HTML表头标题查询表单插件例子-AJaxform()/title meta http-equiv=' Content-Type ' Content=' text/html；charset=UTF-8 '/script src=' http : jquery-1。3 .1 .js ' type=' text/JavaScript '/script script src=' http : jquery。形式。js ' type=' text/JavaScript '/script type=' text/JavaScript ' $(文档)。ready(function() { $('#myForm ')).Ajax表单(函数(){ $(“# output 1”)).html(")提交成功！欢迎下次再来！').show()；});});/脚本/头体h3演示1 :表单插件的使用- ajaxForm()./h3表单id='myForm '操作='demo.jsp '方法='post '名称：输入类型='text' name='name'/br/地址：输入类型=“文本”名称='address' /br/自我介绍：文本区域名称='注释'/文本区域br/输入类型=' submit ' id=' test ' value='提交/br/div id=' output 1 ' style=' display : none；/div/表单/正文/html六、编写接收表单的测试代码。demo.jsp

“% @”页面语言=“Java”导入=“Java”。乌提尔。*”页面编码=“UTF-8”% %请求。setcharacter encoding(' UTF-8 ')；//防止乱码！字符串名称=请求。getParameter(' name ')；字符串地址=请求。GetParameter(' address ')；字符串注释=请求。GetParameter('注释')；系统。出去。println(名称' '地址')注释);%七、效果如下：

以上所述是小编给大家介绍的ajaxForm()的应用，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！