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

前后端数据交互,关于表单数据传输问题

表单提交

var formData = new FormData();
// 添加每个事故ID作为单独的参数
accidentIds.forEach(id => formData.append('accidentIds', id));
formData.append('status', statusText);
$.messager.confirm('确认', '确定要将事故记录标记为' + statusText + '吗?', function (r) {if (r) {// 模拟更新状态$.ajax({url: 'TMSPROC0050/updateStatus',method: 'POST',data: formData,dataType: 'json',processData: false, // 禁用jQuery处理数据contentType: false, // 让浏览器自动设置Content-Typesuccess: function (result) {$.messager.alert('成功', result.message, 'info');searchAccidents();},error: function(error) {console.error('请求发生错误:', error);$.messager.alert('错误', '操作失败,请重试', 'error');}});}
});

这是一个自定义表单,自定义表单必须要添加

processData: false, // 禁用jQuery处理数据
contentType: false, // 让浏览器自动设置Content-Type

如果你不加,jQuery会帮你处理,到时候又是名称不对比如明明是个数组accidentids,这是你定义的名称,但是他会帮你处理成一个 accidentids[],这样名称就对不上了

他所对应的后端应该是

@ResponseBody@RequestMapping(value = "/TMSPROC0050/updateStatus", method = RequestMethod.POST)public Map<String, Object> updateStatus(ReceiveUpdateStatusBo request ){UserValueObject loginObject = getLoginObject();return tMSPROC0050Service.updateStatus(request,loginObject);}

实体类字段

 private String[] accidentIds;private String status;
http://www.dtcms.com/a/286559.html

相关文章:

  • 图机器学习(11)——链接预测
  • Linux和git常用命令
  • TF-IDF(Term Frequency - Inverse Document Frequency)
  • RFID技术赋能智慧物流:实现搬运环节的精准化与高效化
  • 【PTA数据结构 | C语言版】多叉堆的上下调整
  • 【LeetCode 2163. 删除元素后和的最小差值】解析
  • 上市公司-企业超额商誉数据(2005-2023年)-实证数据
  • 《C++继承深度引擎:从内存布局到多态全景拆解》​
  • 飞算科技:以创新科技引领数字化变革,旗下飞算 JavaAI 成开发利器
  • Linux Master 知识库 —— 致 Linux 系统工程师
  • 通信算法之294:LTE系统中的整数倍频偏估计
  • 太阳辐射监测站:洞察太阳能量的科技之眼
  • 【软件系统架构】系列七:系统性能——路由器性能深入解析
  • 告别宕机!Ubuntu自动重启定时任务设置(一键脚本/手动操作)
  • [Raspberry Pi]如何將無頭虛擬顯示器服務(headless display)建置在樹莓派的Ubuntu桌面作業系統中?
  • 汽车免拆诊断案例 | 07款丰田Hilux启动故障
  • Redis——MoreKey
  • 深入理解进程地址空间:虚拟内存与进程独立性
  • nodeJs笔记(六)
  • Ubuntu系统下交叉编译Android的X265库
  • 【leetcode】3202. 找出有效子序列的最大长度(2)
  • 联合利华发起TRO维权行动,OUAI商标或引发跨境圈大批量冻结
  • 密码学基础概念详解:从古典加密到现代密码体系
  • 函数指针和指针函数
  • 【非辐射复合】半导体中非辐射载流子复合的双能级机制
  • 储能BMS通信“卡壳”?CAN转EtherCAT让电池数据“跑起来”
  • animation-timing-function动画的速度曲线
  • 面试150 被围绕的区域
  • 数据结构——单调栈
  • PHP语法高级篇(三):过滤器与JSON