jQuery ajaxForm()的应用

Ajax在Web应用中的作用越来越大,这让采用AJAX方式提交一个表单的过程简单的不能再简单了,需要的朋友可以了解一下。

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

一、ajaxForm() 介绍

ajaxForm预处理将要使用 AJAX  方式提交的表单,将所有需要用到的事件监听器添加到其中。它不是提交这个表单。 在页面的ready函数里使用ajaxForm来给你页面上的表单做这些AJAX提交的准备工作。

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

是否可以连环调用: 是。

二、引入依赖的js

 

三、编写页面

 
名称:
地址:
自我介绍:

四、调用ajaxForm() 方法

 

五、详细代码如下:

   jQuery Form插件例子-ajaxForm() 

Demo 1 : form插件的使用--ajaxForm().

名称:
地址:
自我介绍:

六、编写接收表单的测试代码。demo.jsp

 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><% request.setCharacterEncoding("UTF-8");//防止乱码! String name = request.getParameter("name"); String address = request.getParameter("address"); String comment = request.getParameter("comment"); System.out.println(name + " " +address + " " +comment); %>

七、效果如下:

以上就是jQuery ajaxForm()的应用的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » JavaScript 教程