jquery插件-表单提交插件-jQuery.Form

Posted 2020-06-23 牵牛花

1、介绍

JQuery Form插件是一款强大的Ajax表单提交插件，可以简单方便的实现让我们的表单

由传统的提交方式转换成Ajax无刷新提交！

他提供了两个核心的方法ajaxForm以及ajaxSubmit

让我们方便的实现无刷新效果提交表单!

http://malsup.com/jquery/form/

https://github.com/malsup这个因该是作者的gitbub，我下载看了一下那个readme文件竟然是

API

2、快速入门

1、引入插件

　　（方法同jQuery）

2、将表单有传统提交方式转换为Ajax提交方式

　　jQuery表单对象.ajaxForm();

导入服务器中然后打开页面看看有没有错误（比如js或者css有没有导入成功）

（由于用到服务器我是把这个直接移植到我正在做的一个java项目中的，视频中是放在服务器中的，后台用的是php，当然你的后台也可以是python等等）

ajaxForm()方法

为表单增加所需要的事件处理程序，为Ajax提交表单做好准备。

ajaxForm()方法，并不直接提交表单，而是为Ajax提交表单做好各种准备

真正的表单提交这个操作还需要用户点击提交按钮(即要等到表单提交这个事件发生)

参数：函数（会在提交成功之后执行）或者配置一个对象

配置对象中常用配置属性：

1) url

将表单数据提交到制定的URL

2) type

指定表单数据提交的方式

3) beforeSerialize

传入一个函数，这个函数会在表单数据被序列化之前执行，这个可以为我们修改表单数据提供机会

函数接受两个参数，当前表单jquery对象，与传入ajaxForm方法的配置对象

在函数内return false则表单不会提交

4) beforeSumit

表单提交前的回调函数

函数接受三个参数，数组形式的表单数据，jquery表单对象，传入ajaxForm方法的配置对象

在函数内return false则表单不提交。

5) success