JQuery AJAX向SpringMVC服务器端发送数组的坑

冷不防 2023-09-23 17:32 58阅读 0赞

最近在写一个练习项目，发现了一个坑，如图：  
![ajax][]  
这段ajax是向服务器端发送两个值，其一是一个数值类型的Id，其二是一个数值类型的数组。  
在发送前，我们通过alert打印发现数组的值是可以获取到的：  
![alert][]  
而我们后台日志打印发现是没有获取到数组的值的：![没有获取到值][b53ad325ff8244019c5ba36c269d2ae8.png]  
我们检查了下后台代码发现参数名也是一致的：  
![后台代码][a33d292ab8d1402897764cb79438fd27.png]  
为什么没有获取到呢？  
当我们打开开发者查看请求头发现：  
原来是我们发送请求时，JQuery在数组参数名后面给我们拼接了一个中括号\[\]  
![坑][f11486f95ad540cfa1f9c47b9f3a5610.png]  
**解决方法：**  
在后台代码@RequestParam中添加这个中括号即可：  
![添加后][7710cc8dd4a140878071f648e503b300.png]  
添加后即可获取到值

[ajax]: https://img-blog.csdnimg.cn/190d60d3d09941d29a022bdf1fec4fb8.png
[alert]: https://img-blog.csdnimg.cn/5c4c9b1ae71f4dfc8e3b1f8e6feb0d59.png
[b53ad325ff8244019c5ba36c269d2ae8.png]: https://img-blog.csdnimg.cn/b53ad325ff8244019c5ba36c269d2ae8.png
[a33d292ab8d1402897764cb79438fd27.png]: https://img-blog.csdnimg.cn/a33d292ab8d1402897764cb79438fd27.png
[f11486f95ad540cfa1f9c47b9f3a5610.png]: https://img-blog.csdnimg.cn/f11486f95ad540cfa1f9c47b9f3a5610.png
[7710cc8dd4a140878071f648e503b300.png]: https://img-blog.csdnimg.cn/7710cc8dd4a140878071f648e503b300.png

发表评论取消回复

表情：

评论列表（有 0 条评论，58人围观）

还没有评论，来说两句吧...

相关阅读

相关 JQuery AJAX向SpringMVC服务器端发送数组的坑

最近在写一个练习项目，发现了一个坑，如图： ![ajax][] 这段ajax是向服务器端发送两个值，其一是一个数值类型的Id，其二是一个数值类型的数组。在发送前，

冷不防/ 2023年09月23日 17:32/ 0 赞/ 59 阅读

相关 jquery向服务器发送ajax请求标准写法

jquery向服务器发送ajax请求标准写法 $.ajax({ url:"url路径", //请求的url地址 dataTy

╰半夏微凉°/ 2023年07月12日 05:18/ 0 赞/ 49 阅读

相关 jquery发送ajax_使用jQuery AJAX发送破碎图像的电子邮件通知

jquery发送ajax It's usually best to repair broken image paths as soon as possible because

深碍√TFBOYSˉ_/ 2023年02月22日 03:32/ 0 赞/ 13 阅读

相关【SpringMVC笔记】Ajax 入门（jQuery.ajax）

Ajax Ajax 简介伪造 Ajax（iframe标签） jQuery.ajax 使用 jQuery.ajax 案例 Aj

╰半橙微兮°/ 2023年02月17日 15:53/ 0 赞/ 34 阅读

相关详细解析Ajax的使用之向服务器发送GET请求

详细解析Ajax的使用之向服务器发送GET请求上篇文章讲的如何使用Ajax发送get请求，这篇文章说如何使用Ajax发送post请求。 HTML代码： <h

- 日理万妓/ 2023年02月17日 03:42/ 0 赞/ 24 阅读

相关详细解析Ajax的使用之向服务器发送GET请求

详细解析Ajax的使用之向服务器发送GET请求前面一篇博客我们讲到了如何使用form表单像服务器发送请求，但是请求方式是同步的，效率太低，现在我们讲一下如何使用Ajax

浅浅的花香味﹌/ 2023年02月17日 03:41/ 0 赞/ 32 阅读

相关 AJAX入门之向服务器发送请求与服务器的响应（二）

AJAX 工作原理 1.客户端触发一个事件，时间产生一个 XMLHttpRequest 对象，发送 Http 请求到 Internet 。 2.服务器端接收到 Http 请

心已赠人/ 2022年09月23日 08:08/ 0 赞/ 221 阅读

相关 jq ajax 发json数据库,Jquery AJAX向服务端发送json

Jquery AJAX向服务端发送json 这只是简单用法,其主要是调用jquery中的ajax方法,这里写的东西都是给ajax方法传递的参数 type: 是请求类型,例如

水深无声/ 2022年09月03日 06:18/ 0 赞/ 170 阅读

相关 ajax发送信息,如何向websocket用户发送AJAX消息

我已经在Websockets中实现了实时聊天，它的工作就像一个魅力。我将它与AJAX轮询(以前就存在)并排进行，因为我不想删除对旧浏览器的AJAX轮询支持，所以尽管Webso

柔情只为你懂/ 2022年09月03日 06:18/ 0 赞/ 253 阅读

相关 python Flask 中ajax向后端发送数据的个人心得

1 基础的样式 1.1 post $.ajax({ url:'/user/news_release',

灰太狼/ 2022年01月25日 16:21/ 0 赞/ 274 阅读