前后端不分离,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 的命名