Detailed explanation of ajax passing list collection

This article mainly shares with you the detailed explanation of ajax transfer list collection, hoping to help everyone.

1: ajax transfers Listf7e83be87db5cd2d9a8a0b8117b38cd4 type data

js code:

1. //声明list  
   var _list = [];  
   //放入string对象  
   for (var i = 0; i < 3; i++) {  
       _list[i]="tom";  
   }  
   $.ajax({  
       url : &#39;/ajax/test&#39;,  
       data : "list="+_list,  
       type : "POST",  
       success : function(data) {  
           alert(data);  
       }  
   });

java code:

1. @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";  
   }

2: ajax transfers List29d5c1fc0a9a7d5f78ab971caa06e684 type data

Background I need to use a json parsing tool. I chose jackson

Import jackson dependency:

1. <dependency>
       <groupId>com.fasterxml.jackson.core</groupId>
       <artifactId>jackson-databind</artifactId>
       <version>2.7.3</version>
   </dependency>

js code:

1. //声明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 code:

@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";  
}

Three: When ajax passes any complex parameters, the background can read the data directly from the stream. Parse

js code:

//声明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);  
    }  
});

1. java code:

2. @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";  
   }

The above is the detailed content of Detailed explanation of ajax passing list collection. For more information, please follow other related articles on the PHP Chinese website!