ajax 提交表单的几种方式

1、个人觉得最好的ajax提交

（1）引入 jquery.form.js

（2）页面代码　

页面有一个 id 为 myform 的表单

（3）js代码　　

对表单对象 myform 执行 ajaxSubmit(); 方法

参数：

　　url : 路径，即对应 controller 中的方法

　　type : 提交方式

　　dataType : 返回值类型

　　clearForm : 表单提交成功之后，清除表单内容，可以防止重复提交

　　resetForm : 表单提交成功之后，重置表单内容，同样可以防止表单重复提交

　　beforeSubmit : 表单提交之前的回调函数，一般进行提交前的表单验证，返回 true 则提交，返回 false 则不提交

　　success ： ajax 成功回调函数，进行 ajax 调用成功后的一些处理

到这里，大家是不是会有一个疑问，为什么没有参数呢？？

没错，这个就是关键，因为是对 $("#myform") 这个表单元素调用的 ajaxSubmit(); 方法，

所以参数就是表单中的元素

（4）后台代码

后台我用 一个实体类 UserInfoVO user 来接收参数，

注意：user 对象中的属性跟 表单中元素的 name 属性 命名是一样的，这样表单中参数才可以接收到

另外，要加上 @responseBody 注解，并且方法的返回值是 Map<String,Object> 这样返回的才是json格式

 

转载于:https://www.cnblogs.com/love-jzj1314/p/6559345.html