博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ajax 提交表单的几种方式
阅读量:6173 次
发布时间:2019-06-21

本文共 684 字,大约阅读时间需要 2 分钟。

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

你可能感兴趣的文章
Web前端工程师成长之路——知识汇总
查看>>
[2018-9-4T2]探索黑暗dark
查看>>
【学术信息】中科院2019年学术期刊分区-综合性期刊
查看>>
ShareObject离线存储相关
查看>>
C++ XML
查看>>
windows批处理 打开exe后关闭cmd
查看>>
Flask开发系列之快速入门
查看>>
关于SaveChanges
查看>>
php7扩展开发 一 获取参数
查看>>
处女座与复读机
查看>>
Laravel 5.2数据库--迁移migration
查看>>
ExtJs Extender controls 不错的例子
查看>>
html的基础知识
查看>>
Mybatis Sql片段的应用
查看>>
突发奇想20150126
查看>>
Nginx + CGI/FastCGI + C/Cpp
查看>>
学习笔记------jsp页面与jsp标记
查看>>
DS博客作业02--线性表
查看>>
第三届ACM山东省赛I题_Chess_STL
查看>>
jQuery each和js forEach用法比较
查看>>