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

黑豹程序员-axios+springmvc传递数组

问题

奇怪的现象,axios在往后台传递数组时,springmvc竟然接收不到

解决

尝试多次无果,突然看一篇文章写vue中的数组不是真正的数组需要强转转化JSON.stringify
将信将疑下测试了一把,还真的传递成功了。

不光要JSON.stringify还要使用qs.stringify(把参数转为查询串)

还有小BUG,JSON.stringify后,会把数组的[]括号变成字符串元素的一部分。
这个就只能自己截串、替换处理。

在这里插入图片描述

实现前台传递一个单值和一个数组

vue前端代码

// 共用数据
import axios from '../sys/frame/axios.js'
import qs from 'qs'import { serverURI } from './server-uri.js'
const server_uri = serverURI("basic")//将参数转换为查询参数串提交
//注意下面坑,先要转换为js真正的数组,否则接参为null
export const SendMail = async (mails)=>{//数据非常怪异,转换字符串后,前面后面的双引号无用let tmp = JSON.stringify(mails).replaceAll("\"","")tmp = tmp.substring(1, tmp.length-1)		//去掉数组俩边的[]let data = {code: '001', tags: tmp}console.log(mails)console.log(tmp)axios.post(server_uri+'/mail/sender',  qs.stringify(data)).then(resp => {console.log(resp.data)})
}

SpringMVC 后端代码

@RestController
@CrossOrigin
public class MailController {@PostMapping("/basic/mail/sender")public R sender(String code, String[] tags){return R.success("邮件发送成功");}
}
http://www.lryc.cn/news/260386.html

相关文章:

  • 34.用过JavaConfig方式的spring配置吗?它是如何替代xml的?
  • 解析Python的Lambda函数:【理解】与【运用】
  • C语言:实现字符串连接
  • 物联网终端设备众多,为何遥测终端机备受瞩目?
  • Swagger快速上手
  • 1.1 Python的起源与发展
  • springboot + thymeleaf + layui 初尝试
  • 2024年网络安全竞赛-Web安全应用
  • 【改进YOLOv8】车辆测距预警系统:融合空间和通道重建卷积SCConv改进YOLOv8
  • YOLOv8改进 | 2023Neck篇 | 利用RepGFPN改进特征融合层(附yaml文件+添加教程)
  • 关于“Python”的核心知识点整理大全21
  • Sui承诺向流动性质押协议投入$SUI
  • 不知道CRM系统怎么选?这十款值得推荐
  • 智慧工地源码(微服务+Java+Springcloud+Vue+MySQL)
  • 有趣的数学 数学建模入门三 数学建模入门示例两例 利用微积分求解
  • 【Monitor, Maintenance Operation, Script code/prgramme】
  • python接口自动化测试(单元测试方法)
  • 【css】划过滚动条,滚动条加宽,划出时,变回原宽度
  • 飞天使-linux操作的一些技巧与知识点5-ansible之roles
  • FPGA - 1、Simulink HDL coder模型例化到FPGA
  • 02基于matlab的卡尔曼滤波
  • 基础算法(3):排序(3)插入排序
  • Vue3-18-侦听器watch()、watchEffect() 的基本使用
  • mysql 5.7.34升级到5.7.44修补漏洞
  • 基于电子密码锁具有掉电存储系统设计
  • 清华大学考研复试上机题之二叉树的遍历
  • java全栈体系结构-架构师之路(持续更新中)
  • 【C语言】超详解strncpystrncatstrncmpstrerrorperror的使⽤和模拟实现
  • 【Spring Boot 】Spring Boot 常用配置总结
  • Day60力扣打卡