当前位置: 首页 > news >正文

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

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • <数据集>车内视角行人识别数据集<目标检测>
  • Ubuntu系统入门
  • fpga图像处理实战-水平镜像
  • Linux--网络层 IP协议
  • 数据结构-双向链表 代码实现
  • 二刷代码随想录训练营Day 38|322. 零钱兑换、279.完全平方数、139.单词拆分
  • 证书学习(一)keytool 工具使用介绍
  • Lesson 81+82 Roast beef and potatoes
  • RAG优化技巧 | 7大挑战与解決方式 | 提高你的LLM: 下篇
  • k8s 进阶实战笔记 | Ingress-traefik(一)
  • C++ | Leetcode C++题解之第363题矩形区域不超过K的最大数值和
  • 【linux】sar -d 磁盘性能
  • 【IEEE】第四届智能通信与计算国际学术会议(ICICC 2024,10月18-20)
  • vuejs 源代码启动 调试
  • Java中的持久化框架对比:JPA vs MyBatis
  • 时间复杂度分析经典问题——最大子序列和
  • create-react-app项目添加less配置
  • fetch 从初识到应用
  • iOS小技巧之UIImagePickerController实现头像选择
  • Java 网络编程(2):UDP 的使用
  • JavaScript 是如何工作的:WebRTC 和对等网络的机制!
  • MYSQL如何对数据进行自动化升级--以如果某数据表存在并且某字段不存在时则执行更新操作为例...
  • scrapy学习之路4(itemloder的使用)
  • 分布式任务队列Celery
  • 复习Javascript专题(四):js中的深浅拷贝
  • 好的网址,关于.net 4.0 ,vs 2010
  • 聊聊flink的BlobWriter
  • 排序(1):冒泡排序
  • 前端攻城师
  • 设计模式(12)迭代器模式(讲解+应用)
  • 微信小程序填坑清单
  • 新版博客前端前瞻
  • 主流的CSS水平和垂直居中技术大全
  • Linux权限管理(week1_day5)--技术流ken
  • #07【面试问题整理】嵌入式软件工程师
  • #FPGA(基础知识)
  • (delphi11最新学习资料) Object Pascal 学习笔记---第7章第3节(封装和窗体)
  • (Java入门)学生管理系统
  • (NO.00004)iOS实现打砖块游戏(十二):伸缩自如,我是如意金箍棒(上)!
  • (读书笔记)Javascript高级程序设计---ECMAScript基础
  • (四)进入MySQL 【事务】
  • (源码版)2024美国大学生数学建模E题财产保险的可持续模型详解思路+具体代码季节性时序预测SARIMA天气预测建模
  • (转)拼包函数及网络封包的异常处理(含代码)
  • **PyTorch月学习计划 - 第一周;第6-7天: 自动梯度(Autograd)**
  • .describe() python_Python-Win32com-Excel
  • .net core webapi 大文件上传到wwwroot文件夹
  • .net php 通信,flash与asp/php/asp.net通信的方法
  • .NET 常见的偏门问题
  • .NET 发展历程
  • .Net 执行Linux下多行shell命令方法
  • .NET的微型Web框架 Nancy
  • @select 怎么写存储过程_你知道select语句和update语句分别是怎么执行的吗?
  • @Transaction注解失效的几种场景(附有示例代码)
  • [ 隧道技术 ] cpolar 工具详解之将内网端口映射到公网
  • [.NET]桃源网络硬盘 v7.4