前端如何将实体对象（包含其他实体的）传给后端
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了前端如何将实体对象（包含其他实体的）传给后端，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2156字，纯文字阅读大概需要4分钟。
内容图文
记录一次后台接口使用封装后的javaBean作为参数，给前端进行调用
接口如下：
整体请求路径，http://127.0.0.1:2024//view/roster/RosterController/inSertRoter2
@ApiOperation(value = "写表", notes = "返回值说明\n" +
"code: success：成功 error:失败\n" +
"msg: 调用成功或失败信息，该接口信息均可在前端进行提示！\n" +
"data: ")
@RequestMapping(value = "inSertRoter2" ,method = RequestMethod.POST )
public void inSertRoter2(@RequestBody Zoo zoo) {
System.out.println(zoo.toString());
System.out.println();
}
实体类：Zoo
package com.dfec.cpbis.controller.view.fp.roster;
import lombok.Data;
import java.util.List;
/**
* ClassName: Zoo
* Description:
* date: 2021-03-26 18:07
*
* @author tangrg
* @since JDK 1.8
*/
@Data
public class Zoo {
private String eyes;
private int ages;
private List<Dog> dogList;
@Override
public String toString() {
return "Zoo{" +
"eyes='" + eyes + '\'' +
", ages=" + ages +
", dogList=" + dogList +
'}';
}
}
实体类：Dog
package com.dfec.cpbis.controller.view.fp.roster;
import lombok.Data;
/**
* ClassName: Dog
* Description:
* date: 2021-03-26 18:08
*
* @author tangrg
* @since JDK 1.8
*/
@Data
public class Dog {
private int age;
private String eye;
}
后端代码如上：
前端测试代码：
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<center><h2>模式数据监测表</h2></center>
<div>
<div class="loginText" style="margin-top: 20px;">
<button onclick="butSubmit()"> buttonsss</button>
</div>
</div>
<script src="js/jquery-1.10.2.min.js"></script>
<script>
function butSubmit() {
var dog = {"eyes":"eye",
"ages":1 }
var dog1 = {"eyes":"eye1",
"ages":2 }
var dogList = new Array();
dogList.push(dog);
dogList.push(dog1);
console.log(dogList)
var zoo = {"eyes":"eyes",
"ages":2,
"dogList":dogList
}
$.ajax({
url: 'http://127.0.0.1:2024//view/roster/RosterController/inSertRoter2',
type: 'post',
headers:{'Content-Type': 'application/json'},//设置请求头
dataType:'json',
data: JSON.stringify(zoo),
success: function(data) {
if(data) {
alert(data)
} else {
alert(data)
}
}
});
}
</script>
</body></html>
点击页面中的按钮，进行请求，
以上测试完毕：
总结：
①主要是对于请求头，要使用
headers:{'Content-Type': 'application/json'},//设置请求头②对于后端的list，相当于前端的数组，所以在存放数据的时候，要使用数组去存
内容总结
以上是互联网集市为您收集整理的前端如何将实体对象（包含其他实体的）传给后端全部内容，希望文章能够帮你解决前端如何将实体对象（包含其他实体的）传给后端所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。
来源：【匿名】