关闭

jQuery实现ajax提交form表单(可以是提交json),用springmvc接收。图文详解

标签: ajaxspring mvc表单jsonjquery
12302人阅读 评论(5) 收藏 举报
分类:

开篇:为什么要写这篇博客?

1 有的作者写了form表单提交,却没有写springmvc怎么接收,给广大的小白身心造成巨大的伤害。

题外话:

亲们,今天很不开森,股市跌了,我不得不离开股市回到博客!而且原来的昵称wabiaozai密码忘了,于是换个网名,想取个藏名,吃不准叫“加仓没错”还是“平仓没错”?朋友们建议的许多名字都是佛法艰深寓意隽远,让我在思想进一步混乱中领悟了许多人生哲理。最后决定叫wabiaozia,今天字体应股市行情用绿色写!

今天讲ajax提交form表单的几种方式,不要感谢,因为我不保证对,看来是老是看错股,影响了我的智慧。

如果你不是急需要用到这些知识,就不用看这篇文章了,因为你看不下去。

----------------------------------------------------------------------------------------------------------------------------------------------

看图:我要提交的表单。

------------------------------------------------------------------------------------------------------------------------------------------------

不要怕,是技术性调整,我多么希望他说的是真的。我一直记得,这世界上有一种股是没有脚的,它只能够一直的跌,跌累了就睡在风里,这种股一辈子只能涨一次,就是有人要割韭菜的时候。2016-04-29

------------------------------------------------------------------------------------------------------------------------------------------------



--------------------------------------------------------------开讲---------------------------------------------------------------------------------------

第一种方法(简单易用,防蚊虫)

1.1 从form表单到congtroller接收。1 是form表单,2 是ajax提交 3 springmvc接收




1.2 debug 看后台数据,看到了吧,userEO接收到数据了




1.3 有人想看看seralize和seralizeArray数据不同

   seralize:id=1&name=xiaohua&age=18&sex=man

   seralizeArray[ id 1],[ name xiaohua],[ age 18],[ sex man ]


1.4 在提交表单的过程中发现一个时间格式的问题

  用过springmvc的股民都知道,传递Date类型时要转换。too young too simple,我要讲的不是这个,我发现提交Date类型时有个小坑,提交2015-11-30数据类型报错,提交2015/11/30正确,为什么用斜杠 / 对,横杠 -- 错?股市总有红绿,人生总有输赢,生活总有哭甜,要想知道为什么请见下回分解。

然后我alert看了提交后的数据格式:


原来如此啊,想必你也懂了,斜杠的都被转换成 %2F了,怪不得,你以为看到这里问题就解决了吗,年轻人啊,你太too young too simple了,为什么转换成%2F就不报错了呢?我也不知道。应该是浏览器转换吧

-----------------------------------------------------------------------------------------------

2016-04-29:http请求中的url有特别编码 ,如斜杠即为%2F,问号是%3F等等

------------------------------------------------------------------------------------------------

第二种方法提交表单,字体用红色,先绿后红好兆头

第二种方法借鉴http://blog.csdn.net/zhangdaiscott/article/details/18456215

作者水平高,没有给小白讲怎么接收,还是那个表单

2.1 jsp:


--------------------------------------------------ok了,是不是很简单------------------------------------------------------------

2.2debug看结果

2.2.1 controller:




2.2.2 json转换成java对象:

这里用简单的,不引用额外jar的办法




三 写在最后

2016-04-29重新排版

我所有博客的目录:http://blog.csdn.net/wabiaozia?viewmode=contents





2
0
查看评论

将表单内容转化成json字符串,并通过ajax提交!

1.JQuery的自定义方法,直接写个js文件放到里边,用的时候引一下就可以。(function($) { $.fn.extend({ serializeObject : function() { var o = {}; var...
  • xiaoyanghapi
  • xiaoyanghapi
  • 2016-08-11 18:42
  • 5635

form 转json最佳示例

form 转json最佳示例
  • zhangdaiscott
  • zhangdaiscott
  • 2014-01-18 18:54
  • 73024

form表单的ajax提交【组装json】

关键代码: /** * 将表单序列化 然后转换成json数据 */ var data = $("#editForm").serializeObject(); JSON.stringify(data); //java后台解析 DesignPlan bean = (DesignPla...
  • zhengxiangwen
  • zhengxiangwen
  • 2015-06-12 22:59
  • 3153

Jquery Ajax 复杂json对象提交到WebService

一.使用get方式1.前台 //复杂json对象提交 var person = {'per':"{ 'id': 1, 'name': '张三', 'sex': '男' }...
  • WuLex
  • WuLex
  • 2017-01-04 17:18
  • 1164

前端学习——使用Ajax方式POST JSON数据包

0.前言     本文解释如何使用Jquery中的ajax方法传递JSON数据包,传递的方法使用POST(当然PUT又有时也是一个不错的选择)。POST JSON数据包相比标准的POST格式可读性更好些,层次结构也更清晰。     为了说明问题,前端和后端较为...
  • xukai871105
  • xukai871105
  • 2014-06-23 22:24
  • 52891

通过Ajax进行Post提交Json数据

js代码 $.ajax({ type : "POST", url : js_path + "/maintainAdd/add", data : JSON.stringify(madd_data.editMaintain), conte...
  • liyongjian12
  • liyongjian12
  • 2017-02-03 09:12
  • 4031

SpringMVC后台程序接收ajax异步提交数据的实例

在web开发过程中,有时需要在同一个页面进行较为频繁的操作,对于一些频率较高而涉及到的数据量较小的操作,如果总是进行与服务器的交互,这就会给服务器增加额外的负担,所以异步操作是个不错的选择。下面通过一个开发实例记录利用异步传输数据与后台交互的过程,与大家分享。    ...
  • Klbetter
  • Klbetter
  • 2016-08-01 17:47
  • 3628

SpringMVC 用对象接收 ajax提交form表单

SpringMVC 用对象接收 ajax提交form表单  转载于:http://www.cnblogs.com/klwyrn/p/5955152.html 第一种方法(简单易用,防蚊虫): 1.1 从form表单到congtroller接收。1 是form表单,2 是...
  • wd_boy
  • wd_boy
  • 2017-05-13 11:31
  • 3763

Ajax SpringMVC 提交表单数据

Ajax 的写法 function saveSplash() { var titleVal = $("#title").val(); var subTitleVal = $("#subTitle").val(); if (titleVal == ...
  • wangjia55
  • wangjia55
  • 2016-07-05 17:20
  • 2781

spring mvc 配合ajax进行表单提交(有文件上传)并且提醒用户提交成功

1. 首先导入jquery-form.js 插件   ---->   用来提交表单 导入layer.css 以及 layer.js ----->   用来提醒用户(这是一个比较成熟的弹出层框架) 2.源代码 html部分: ...
  • Islandww
  • Islandww
  • 2017-04-30 22:56
  • 1554
    个人资料
    • 访问:445633次
    • 积分:6303
    • 等级:
    • 排名:第4647名
    • 原创:271篇
    • 转载:48篇
    • 译文:2篇
    • 评论:365条
    新浪微博
      微信,浏览器,微博客户端均可扫