ajax上传json数组或list集合到后台

asfx站长

2020.08.24 16:25:10 阅读 1166

##### 上传json数组

前端代码：
```javascript
function ajaxClick() {
    var arr = []
    var jsont = {"name": "xiaogao", "age": "16"};
    var jsont2 = {"name": "zhangsan", "age": "29"};
    var jsont3 = {"name": "zhaosi", "age": "56"};
    arr.push(jsont);
    arr.push(jsont2);
    arr.push(jsont3);
    $.ajax({
        url: "ajax/demo/test",
        type:"POST",
        data:{params:JSON.stringify(arr)},
        success:function(resp){
            alert(resp);
        }
    });
}
```

后端代码：

这里接收的是params，也就是data:{params:JSON.stringify(arr)}这个ajax中传入参数的key，接收到之后用fastjson将字符串转成JSON数组
```java
@RestController
@RequestMapping("/ajax/demo")
public class ajaxController {

@RequestMapping("test")
    public R ajaxparam(@RequestParam String params) {
        JSONArray jsonArray = JSON.parseArray(params);
		for (int i = 0; i < jsonArray.size(); i++) {
			JSONObject jsonObject = (JSONObject) jsonArray.get(i);
			String name = jsonObject.getString("name");
			System.out.println(name);
		}
        return R.ok();
    }
}
```

##### 上传list集合

前端代码：
```javascript
function setDatDocumentRight(){
  var roleIds = [];
  roleIds.push("1");
  roleIds.push("2");
  roleIds.push("3");

$.ajax({
    url: '',
    type: "post",
    data: {
      roleIds: roleIds
    },
    success:function(resp){
        alert(resp);
    }
  });
}
```

后端代码：
```java
@RequestMapping("/ajaxList")
@ResponseBody
public void testAjaxList(@RequestParam("roleIds[]") List<String> roleIds) {
    for (String roleId : roleIds) {
        System.out.println(roleId);
    }
}
```