ajax传递list集合
2018-03-20 11:15
309 查看
原文链接:http://blog.csdn.net/qq_37936542/article/details/79277495
一:ajax传递List<String>类型的数据
js代码:
[html] view plain copy //声明list
var _list = [];
//放入string对象
for (var i = 0; i < 3; i++) {
_list[i]="tom";
}
$.ajax({
url : '/ajax/test',
data : "list="+_list,
type : "POST",
success : function(data) {
alert(data);
}
});
java代码:[html] view plain copy @RequestMapping(value="test",method=RequestMethod.POST)
@ResponseBody
public String ajaxList(@RequestParam("list")List<String> strList){
for (String str : strList) {
System.out.println(str);
}
return "OK";
}
二:ajax传递List<Obj>类型的数据后台需要用到json解析工具,我选得是jackson
导入jackson依赖:
[html] view plain copy <dependency>
<groupId>com.fasterxml.jackson.core</groupId>
<artifactId>jackson-databind</artifactId>
<version>2.7.3</version>
</dependency>
js代码:[html] view plain copy //声明list
var _list = [];
//创建两个user对象
var a= {};
a.name="tom";
a.age=23;
a.city="上海";
var b = {};
b.name="jack";
b.age=25;
a.city="安徽";
//将user放入_list
_list.push(a);
_list.push(b);
$.ajax({
url : '/ajax/test1',
data : "list="+JSON.stringify(_list),
type : "POST",
success : function(data) {
alert(data);
}
});
java代码:[html] view plain copy @RequestMapping(value="test",method=RequestMethod.POST)
@ResponseBody
public String ajaxList(@RequestParam("list")String userList) throws Exception{
//jackson对象
ObjectMapper mapper = new ObjectMapper();
//使用jackson将json转为List<User>
JavaType jt = mapper.getTypeFactory().constructParametricType(ArrayList.class, User.class);
List<User> list = (List<User>)mapper.readValue(userList, jt);
return "OK";
}
三:当ajax传递任何复杂参数时,后台可以直接从流中来读取数据进行解析
js代码:
[html] view plain copy //声明list
var _list = [];
//创建两个user对象
var a= {};
a.name="tom";
a.age=23;
a.city="上海";
var b = {};
b.name="jack";
b.age=25;
a.city="安徽";
//将user放入_list
_list.push(a);
_list.push(b);
$.ajax({
url : '/querz/test',
data : JSON.stringify(_list),//这里需要json化
type : "POST",
success : function(data) {
alert(data);
}
});
java代码:
[html] view plain copy @RequestMapping(value="test",method=RequestMethod.POST)
@ResponseBody
public String ajaxList(HttpServletRequest request) throws Exception{
//从流中读取数据
BufferedReader br = request.getReader();
String str = "";
StringBuffer sb = new StringBuffer();
while((str = br.readLine()) != null){
sb.append(str);
}
ObjectMapper mapper = new ObjectMapper();
//使用jackson解析数据
JavaType jt = mapper.getTypeFactory().constructParametricType(ArrayList.class, User.class);
List<User> list = (List<User>)mapper.readValue(sb.toString(), jt);
System.out.println(list);
return "OK";
}
福利二:微信小程序入门与实战全套详细视频教程:https://www.jianshu.com/p/e8197d4d9880
领取方式:
如果需要学习视频,欢迎关注 【编程微刊】微信公众号,回复【领取资源】一键领取以下所有干货资源,获取更多有用技术干货、文档资料。所有文档会持续更新,欢迎关注一起成长!
一:ajax传递List<String>类型的数据
js代码:
[html] view plain copy //声明list
var _list = [];
//放入string对象
for (var i = 0; i < 3; i++) {
_list[i]="tom";
}
$.ajax({
url : '/ajax/test',
data : "list="+_list,
type : "POST",
success : function(data) {
alert(data);
}
});
java代码:[html] view plain copy @RequestMapping(value="test",method=RequestMethod.POST)
@ResponseBody
public String ajaxList(@RequestParam("list")List<String> strList){
for (String str : strList) {
System.out.println(str);
}
return "OK";
}
二:ajax传递List<Obj>类型的数据后台需要用到json解析工具,我选得是jackson
导入jackson依赖:
[html] view plain copy <dependency>
<groupId>com.fasterxml.jackson.core</groupId>
<artifactId>jackson-databind</artifactId>
<version>2.7.3</version>
</dependency>
js代码:[html] view plain copy //声明list
var _list = [];
//创建两个user对象
var a= {};
a.name="tom";
a.age=23;
a.city="上海";
var b = {};
b.name="jack";
b.age=25;
a.city="安徽";
//将user放入_list
_list.push(a);
_list.push(b);
$.ajax({
url : '/ajax/test1',
data : "list="+JSON.stringify(_list),
type : "POST",
success : function(data) {
alert(data);
}
});
java代码:[html] view plain copy @RequestMapping(value="test",method=RequestMethod.POST)
@ResponseBody
public String ajaxList(@RequestParam("list")String userList) throws Exception{
//jackson对象
ObjectMapper mapper = new ObjectMapper();
//使用jackson将json转为List<User>
JavaType jt = mapper.getTypeFactory().constructParametricType(ArrayList.class, User.class);
List<User> list = (List<User>)mapper.readValue(userList, jt);
return "OK";
}
三:当ajax传递任何复杂参数时,后台可以直接从流中来读取数据进行解析
js代码:
[html] view plain copy //声明list
var _list = [];
//创建两个user对象
var a= {};
a.name="tom";
a.age=23;
a.city="上海";
var b = {};
b.name="jack";
b.age=25;
a.city="安徽";
//将user放入_list
_list.push(a);
_list.push(b);
$.ajax({
url : '/querz/test',
data : JSON.stringify(_list),//这里需要json化
type : "POST",
success : function(data) {
alert(data);
}
});
java代码:
[html] view plain copy @RequestMapping(value="test",method=RequestMethod.POST)
@ResponseBody
public String ajaxList(HttpServletRequest request) throws Exception{
//从流中读取数据
BufferedReader br = request.getReader();
String str = "";
StringBuffer sb = new StringBuffer();
while((str = br.readLine()) != null){
sb.append(str);
}
ObjectMapper mapper = new ObjectMapper();
//使用jackson解析数据
JavaType jt = mapper.getTypeFactory().constructParametricType(ArrayList.class, User.class);
List<User> list = (List<User>)mapper.readValue(sb.toString(), jt);
System.out.println(list);
return "OK";
}
文末福利:
福利一:前端,Java,产品经理,微信小程序,Python等资源合集大放送:https://www.jianshu.com/p/e8197d4d9880福利二:微信小程序入门与实战全套详细视频教程:https://www.jianshu.com/p/e8197d4d9880
领取方式:
如果需要学习视频,欢迎关注 【编程微刊】微信公众号,回复【领取资源】一键领取以下所有干货资源,获取更多有用技术干货、文档资料。所有文档会持续更新,欢迎关注一起成长!
相关文章推荐
- ajax的传递List集合
- ajax传递list集合
- 利用AJAX为JSP页面传递一个包含了若干对象的List集合
- struts2-ajax-传递list集合
- 利用AJAX为JSP页面传递一个包含了若干对象的List集合
- Ajax传递List集合
- ajax传递list集合
- ajax和json跟java实现List、Map直接传递
- JavaWeb开发中Ajax、json与java实现List、Map数据直接传递的研究
- springmvc ajax 传递list参数
- Ajax+struts2+json进行对象list前后端传递
- JavaWeb开发中Ajax技术、json与java实现List、Map数据直接传递的研究
- jquery、javascript 遍历ajax返回的 List集合
- 如何通过ajax 传递list对象 传递到后台action 处理
- intent传递对象以及list集合
- mybatis传递Map和List集合示例
- ajax+json+Struts2实现list传递实例讲解
- 关于List:用List集合传递学生信息
- spring mvc 如何传递集合参数(list,数组)
- 笔记1----前台ajax请求,后台返回list对象集合!