1、前端代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>清风</title>
<link type="text/css" href="css/css.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/js.js"></script>
<script type="text/javascript" src="js/restfull.js"></script>
</head>
<body style="background: #FFF;">
<button id="btn1">Send [5,8,12] One</button>
<!-- 页面结束-->
<script type="text/javascript">
$("#btn1").click(function(){
// 准备好要发送到服务器端的数组
var array = [5, 8, 12];
// 将JSON数组转换为JSON字符串
var requestBody = JSON.stringify(array);
var url = restapi.url_api_e17+"user/array";
$.ajax({
"url": url, // 请求目标资源的地址
"type": "post", // 请求方式
"data": requestBody, // 请求的参数
"contentType": "application/json;charset=UTF-8", // 设置请求体的内容类型，告诉服务器端本次请求的请求体是JSON数据
"dataType": "json", // 如服务器端返回的数据类型json
"success": function(response) { // 服务器端成功处理请求后调用的回调函数，response是响应体数据
if(response.status == 200){
alert("请求成功");
}else{
alert("请求失败");
}
},
"error":function(response) { // 服务器端处理请求失败后调用的回调函数，response是响应体数据
alert(response);
}
});
});
}
</script>
</body>
</html>
2、后端代码
@ApiOperation("接收参数数组")
@PostMapping("/array")
public Result array( @RequestBody List<Integer> array){
for (Integer arr : array) {
log.info("遍历的数组："+arr);
}
return Result.ok();
}
3、输出结果
