springmvc前后端传值总结
1 前端向后端传参
1.1 普通方式传参
1.1.1 页面
参数需要解析成json对象;JSON.parse(JSON.stringify(query))
$.getJSON("${serverUrl}/store/brand/getBrand", JSON.parse(JSON.stringify(query)), function(data){}); |
1.1.2 后端
使用普通的参数即可,不需要配置
@RequestMapping("/getBrand") @ResponseBody public WebResponse<Page<BrandVo>> getBrand(BrandQuery query, Pageable pageable) { WebResponse<Page<BrandVo>> response = new WebResponse<Page<BrandVo>>(); // set storeid query.setStoreid(1L); response.setData(brandService.getStoreBrandByCondition(query, pageable)); return response; } |
1.2 json对象传参
1.2.1 页面
需要定义contentType: "application/json; charset=utf-8";
参数需转换成字符串;data : JSON.stringify(brandSaveInfo)
$.ajax({ url : "${serverUrl}/store/brand/addBrandDetail", type : "POST", datatype:"json", contentType: "application/json; charset=utf-8", data : JSON.stringify(brandSaveInfo), success : function(data, stats) { console.log("保存成功:"+stats); }, error : function(data) { } }); |
1.2.2 后端
参数定义前需加上@RequestBody
@RequestMapping("/addBrandDetail") @ResponseBody public WebResponse<String> addBrandDetail(@Valid @RequestBody BrandDetailVo brandDetailVo, BindingResult bindingResult) { if (bindingResult.hasErrors()) { throw new NovaIllegalArgumentException(bindingResult); } WebResponse<String> response = new WebResponse<String>(); // 从shiro得到uid Long storeid = 1L; brandService.addBrandDetail(brandDetailVo, storeid); response.setData(NovaConstants.APPLICATION_SUCCESS); return response; } |
1.3 简单对象、复杂对象
简单对象是指基本类型、基本类型数组、自定义对象;
复杂对象是指自定义对象数组;
复杂对象只能通过json对象传参,简单对象可以使用两种方式传参;
使用普通方式传参还是json方式传参,与get/post请求方式无关,只与参数对象的复杂程度有关(是简单对象还是复杂对象)。
1.4 日期类型参数
前端参数使用字符串
在普通方式传参方式,后台需要设置DateTimeFormat
@DateTimeFormat(pattern="yyyy-MM-dd HH:mm:ss") private Date upperSaleTime;//上架时间or下架时间上限 |
在json对象传参,后台需要设置dateDeSerialize
@JsonDeSerialize(using=DateDeSerializer.class) private Date saleTime; // 上架或下架时间 |
2 后台返回页面数据
后台返回数据有两种方式:json数据、页面数据
2.1 json数据
使用@responsebody
2.2 页面数据
返回ModelAndView
2.3 日期类型
返回json数据时,日期类型需要设置为dateSerialize
@JsonSerialize(using=DateSerializer.class) private Date saleTime; // 上架或下架时间 |
springmvc前后端传值总结的更多相关文章
- springmvc前后端传值
@pathvible 后端传值(rest风格) exp: @requestMapping("/view/{userId}") public String getiew(@Parth ...
- Thymeleaf前后端传值 页面取值与js取值
参考: Thymeleaf前后端传值 页面取值与js取值 Thymeleaf 与 Javascript Thymeleaf教程 (十二) 标签内,js中使用表达式 目的: 后端通过Model传值到前端 ...
- content-type常见类型辨析(以ajax与springmvc前后端交互为例)
博客搬家: content-type常见类型辨析(以ajax与springmvc前后端交互为例) 在http报文的首部中,有一个字段Content-type,表示请求体(entity body)中的数 ...
- SpringMVC踩坑3——前后端传值问题
在前端页面点击修改,同时把需要修改的ID传到后端,后端根据ID去修改具体数据 这是前端代码 <a href="${pageContext.request.contextPath}/bo ...
- SpringMVC前后端数据交互总结
控制器 作为控制器,大体的作用是作为V端的数据接收并且交给M层去处理,然后负责管理V的跳转.SpringMVC的作用不外乎就是如此,主要分为:接收表单或者请求的值,定义过滤器,跳转页面:其实就是ser ...
- SpringMVC前后端分离交互传参详细教程
温故而知新,本文为一时兴起写出,如有错误还请指正 本文后台基于SpringBoot2.5.6编写,前端基于Vue2 + axios和微信小程序JS版分别编写进行联调测试,用于理解前后端分离式开发的交互 ...
- mui与springMVC前后端分离
这个小dome简单来说的前后端分离,通过跨域调用接口来显示数据. 前端用到mui框架,主要来显示数据. 后端用到Java的springMVC,restful服务来做增删改查管理, 这里主要实现动态显示 ...
- JQuery ajax 前后端传值介绍
https://jingyan.baidu.com/album/ca41422f0bf08e1eae99ed04.html?picindex=5 现在我们话不多说,开始仔细讲解一下我们ajax内部传递 ...
- SpringMVC前后端参数交互
Controller中使用JSON方式有多种 关键在于ajax请求是将数据以什么形式传递到后台 HTTP请求中: 如果是get请求,那么表单参数以name=value&name1=value1 ...
随机推荐
- xerox Network system
XNS协议 IPX/SPX 是基于施乐的XEROX’S Network System(XNS)协议,而SPX是基于施乐的XEROX’S SPP(Sequenced Packet Protocol:顺序 ...
- 使用Markdown编辑器写博客
使用Markdown编辑器写博客 本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦: Markdown和扩展Markdown简洁的语法 代码块高亮 图片链接和图 ...
- [iOS基础控件 - 6.3] 使用可视化连线方式指定dataSource、delegate
对着要指定dataSource或者delegate的控件右击,然后拖动线到指定的控制器上
- opencv 通过摄像头捕捉头部
code: #include <opencv\cv.h> #include <opencv\highgui.h> #include <opencv\cxcore.h> ...
- .NET通用基本权限系统
DEMO下载地址: http://download.csdn.net/detail/shecixiong/5372895 一.开发技术:B/S(.NET C# ) 1.Windows XP以上 (支援 ...
- paip.云计算以及分布式计算的区别
paip.云计算以及分布式计算的区别 云计算的特点 1 网格计算 2 分布式计算 2 云计算以及网格计算以及分布式计算的区别 2 作者Attilax 艾龙, EMAIL:1466519819@qq ...
- js中substr,substring,indexOf,lastIndexOf,split用法
1.substr substr(start,length)表示从start位置开始,截取length长度的字符串. var src="images/off_1.png"; aler ...
- eclipse+webservice开发实例
1.參考文献: 1.利用Java编写简单的WebService实例 http://nopainnogain.iteye.com/blog/791525 2.Axis2与Eclipse整合开发Web ...
- cocos2d_x_08_游戏_FlappyBird
终于效果图: 环境版本号:cocos2d-x-3.3beta0 使用内置的物理引擎 计时器没有加入,可參考[cocos2d_x_06_游戏_一个都不能死] 主场景 // // FlappyBirdSc ...
- Redis缓存 ava-Jedis操作Redis,基本操作以及 实现对象保存
源代码下载: http://download.csdn.net/detail/jiangtao_st/7623113 1.Maven配置 <dependency> <groupId& ...