700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > js实现传递复杂json参数到controller

js实现传递复杂json参数到controller

时间:2018-11-11 22:45:28

相关推荐

js实现传递复杂json参数到controller

web前端|js教程

javascript,json,参数

web前端-js教程

Spring MVC在接收集合请求参数时,需要在Controller方法的集合参数里前添加@RequestBody,而@RequestBody默认接收的enctype (MIME编码)是application/json,因此发送POST请求时需要设置请求报文头信息,否则Spring MVC在解析集合请求参数时不会自动的转换成JSON数据再解析成相应的集合。

360全景通源码,vscode资源管理器字体,ubuntu 英文环境,Tomcat电商项目源码,python爬虫蚂蚁,php检测用户是否在线,seo有没有专门的培训机构运营lzw

以下列举接收List、List、List<Map>、User[]、User(bean里面包含List)几种较为复杂的集合参数示例:

mv网站源码,mac如何彻底卸载vscode,ubuntu网银,安卓版tomcat,sqlite目前版本,网页设计的垂直导航,网站建设需要服务器吗,火车头插件怎么用,MVP前端框架,爬虫中括号,php获取get,seo881,springboot标记粉色,可拖拽网站,网页弹窗登录界面模板,公众号支付页面模板,dedecms 爆后台,注册登录页面html模板下载软件,动网新闻管理系统 mvc,夺宝程序源码lzw

接收List集合参数:

mvc登陆源码下载,vscode记住,ubuntu启动wifi,pki tomcat,sqlite数据覆盖,同ip服务器,js圆圈倒计时插件,前端ui框架页面,爬虫抓取flash,php培训周期,海外seo优化平台,网站后台改成只有一个管理员登陆,网页窄屏变宽屏,基地介绍模板,js 页面加载loading,学生宿舍管理系统 java,影片诱导充值程序lzw

1、页面js代码:

var idList = new Array(); idList.push(“1”); idList.push(“2”); idList.push(“3”); var isBatch = false; $.ajax({ type: "POST", url: "/catalog.do?fn=deleteCatalogSchemes", dataType: json, data: {"idList":idList,"isBatch":isBatch}, success: function(data){ … }, error: function(res){ … } });

2、Controller方法:

@Controller @RequestMapping("/catalog.do") public class CatalogController { @RequestMapping(params = "fn=deleteCatalogSchemes") @ResponseBody public AjaxJson deleteCatalogSchemes(@RequestParam("idList[]") List idList,Boolean isBatch) { … } }

接收List、User[]集合参数:

1、User实体类:

public class User { private String name; private String pwd; //省略getter/setter }

2、页面js代码:

var userList = new Array(); userList.push({name: "李四",pwd: "123"}); userList.push({name: "张三",pwd: "332"}); $.ajax({ type: "POST", url: "/catalog.do?fn=saveUsers", data: JSON.stringify(userList),//将对象序列化成JSON字符串 dataType:"json", contentType : application/json;charset=utf-8, //设置请求头信息 success: function(data){ … }, error: function(res){ … } });

3、Controller方法:

@Controller @RequestMapping("/catalog.do") public class CatalogController { @RequestMapping(params = "fn=saveUsers") @ResponseBody public AjaxJson saveUsers(@RequestBody List userList) { … } }

如果想要接收User[]数组,只需要把saveUsers的参数类型改为@RequestBody User[] userArray就行了。

接收List<Map>集合参数:

1、页面js代码(不需要User对象了):

var userList = new Array(); userList.push({name: "李四",pwd: "123"}); userList.push({name: "张三",pwd: "332"}); $.ajax({ type: "POST", url: "/catalog.do?fn=saveUsers", data: JSON.stringify(userList),//将对象序列化成JSON字符串 dataType:"json", contentType : application/json;charset=utf-8, //设置请求头信息 success: function(data){ … }, error: function(res){ … } });

2、Controller方法:

@Controller @RequestMapping("/catalog.do") public class CatalogController { @RequestMapping(params = "fn=saveUsers") @ResponseBody public AjaxJson saveUsers(@RequestBody List<Map> listMap) { … } }

接收User(bean里面包含List)集合参数:

1、User实体类:

public class User { private String name; private String pwd; private List customers;//属于用户的客户群 //省略getter/setter }

2、页面js代码:

var customerArray = new Array(); customerArray.push({name: "李四",pwd: "123"}); customerArray.push({name: "张三",pwd: "332"}); var user = {}; user.name = "李刚"; user.pwd = "888"; user. customers = customerArray; $.ajax({ type: "POST", url: "/catalog.do?fn=saveUsers", data: JSON.stringify(user),//将对象序列化成JSON字符串 dataType:"json", contentType : application/json;charset=utf-8, //设置请求头信息 success: function(data){ … }, error: function(res){ … } });

3、Controller方法:

@Controller @RequestMapping("/catalog.do") public class CatalogController { @RequestMapping(params = "fn=saveUsers") @ResponseBody public AjaxJson saveUsers(@RequestBody User user) { List customers = user.getCustomers(); … } }

MVC中获得controller、URL及action的方法详解

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。