前后端不分离，form前端表单提交，springboot后端list接收

本文主要是介绍前后端不分离，form前端表单提交，springboot后端list接收，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

前端JS

var data= $("#form-xxx").serializeArray();
var config = {url: url,type: "post",dataType: "json",data: data,beforeSend: function () {$.modal.loading("正在处理中，请稍后...");},success: function(result) {if (typeof callback == "function") {callback(result);}$.operate.successTabCallback(result);}
};$.ajax(config)

前端 thymeleaf的html

<form th:each="tb,tbState : ${tables}">
<input
th:id="${#strings.concat('tableName',tbState.index)}"
th:name="${#strings.concat('data[',tbState.index,'].tableName')}"
th:value="${tb.tableName}"
type="hidden"  /></form>

form里循环生成 input
name标签值为 data[i].xxx

java 后端接口

POST 接收对象的定义

List<XxxxDTO> data

XxxxDTO 的属性对应单次input循环的name 的命名

这篇关于前后端不分离，form前端表单提交，springboot后端list接收的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---