get 请求穿字符数组含有{} 后台参数类型不对的问题

最新推荐文章于 2023-11-17 14:40:19 发布
最新推荐文章于 2023-11-17 14:40:19 发布
阅读量316 收藏
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41069590/article/details/86729349
版权

遇到这个问题是也是搞了好久   后台接收用的String 类型   前台页面console.log(typeof 参数)  打印是string    

最后发现参数中含有{}    在RFC 3986文档规定  url中不能有{} 

最后通过js中对URL进行  encodeURI    最后成功解决问题   

因耗时两个小时  所以记录一下

一线搬砖工
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js传递数组参数到后台controller的方法
10-18
在JavaScript（JS）中，将数组作为参数传递到后端控制器（如在Java Spring MVC、ASP.NET MVC或Node.js Express等框架中）是一项常见的任务。本文将详细介绍如何实现这一过程，以及涉及的关键知识点。 首先，我们...
android 后台 get和post请求数据
11-25
例如，当使用POST请求时，我们可能需要将参数转换为UTF-8编码的字节数组。在接收响应后，我们同样需要根据服务器的响应头（如"Content-Type"）来确定合适的解码方式。 在实际应用中，还需要考虑网络连接的异步处理...
GET请求的参数带特殊字符的一个坑
weixin_40547924的博客
06-20 3923
在项目开发过程中发现的一个坑，当想用get请求发送一个json的次数就会报错因为在get请求中如果出现{}（目前我就发现这个）或者一些其他的特殊字符会报错，所以如果使用的话，可以将json通过base64编码或者转换成其他的字符就可以了 ...
解决GET请求含有特殊字符（如:*,#,{},[],^,%,(,?,!..等等）
热门推荐
kkk123445的博客
06-01 2万+
问题出现 今天在帮前端小姐姐调试代码时，发现前端的某个参数出现丢失的情况，丢失的参数怎么也传不到后台，后台还报错了。。。 于是乎就开始了调试之路 调试后发现传过来的参数中包含 #（）等字符【其中#字符在url出现的时候，后面的参数是不会传到后台的】 发现问题的原因，这个问题就已经解决了50%了，哈哈 下面就需要解决GET请求含有特殊字符（如:*,#,{},[],^,%,(,?,!..等等）的情况 情景重现 前端代码： //弹出详情页 layer.open({ type:2, ·······
解决get post请求中参数带有[]{}等特殊符号报400错误，参数不允许
furenqiang的博客
06-02 3286
自己新建一个类，最好是配置类config中 /** * @author Eric * @param 2020年6月1日 * 下发电表时需要传参坐标，带有“[]”,需要处理 */ @Bean public TomcatServletWebServerFactory tomcatServletWebServerFactory() { // 修改内置的 tomcat 容器配置 TomcatServletWebServerFactory tomcatServlet
PropertyDescriptor类在get/set方法声明参数类型不一致下的一个坑（Java8）
最新发布
不知道是谁的博客
11-17 173
当get方法（ReadMethod）因为继承、实现接口出现声明不同返回类型的重载或覆盖时，使用PropertyDescriptor类获取set方法（WriteMethod）会出现概率性的找不到函数的报错
解决前端发axios请求传输数组参数给后端时，请求路径中的数组参数带中括号[]
少年Dream
02-18 6167
问题描述 今天在做项目某部分功能时，后端接口接收一个数组参数，前端向后端发起axios get请求时，请求路径中的数组参数始终带有中括号[]，导致后端一直报400错误… 正确请求路径： http://127.0.0.1:9000/bridgeMonitorContent/getContentByTypeIds?monitorTypeIds=LF-SWJTU&monitorTypeIds=ND-SWJTU 实际请求路径： http://127.0.0.1:9000/xboot/bridgeMonit
解决Vue axios post请求,后台获取不到数据的问题方法
01-19
起初使用params.append(“属性名”：属性值)的方式，对于简单的数据传递这样是没有问题的，后台可以正常接收数据，但我发现一个问题，不知道大家有没有遇到过，当传递数据里含有数组时，你会发现传到后台的是字符串...
jquery向后台提交数组的代码分析
11-21
这里的`@RequestParam`注解用于从请求参数中获取数据，`name = "resArray[]"`指明数组参数的名称，必须以方括号`[]`结尾，这样才能正确解析为数组。`required = false`表示该参数不是必需的，以防前端没有发送这个...
js数组转json并在后台对其解析具体实现
10-26
本篇文章主要探讨的是如何将JavaScript中的数组转换成JSON格式，并在后台（此处以Java为例）进行解析。 首先，在前端JavaScript环境中，我们需要将数组转换为JSON字符串。这是因为HTTP请求通常以文本形式传输数据，...
前端发送get请求时参数中含有中括号[]导致报错400Bad Request
hellolipop
04-13 2895
由于参数中含有特殊符号[]导致报错，尝试使用了json转码后encode，但是都没有效果，最后发现我们需要将参数序列化，这样就ok了。1、引入qs序列化库。
axios get方法传递数组会默认给数组的每个参数添加一个‘[]’，如何去掉这个呢？
我只是个很菜的前端
10-17 2908
axios get方法传递数组会默认给数组的每个参数添加一个‘[]’，如何去掉这个呢？
Spring - java http get请求，返回字符串多加了一层引号“
u013745834的专栏
06-28 919
看来是把返回的数据类型配置成了application/json加了一层双引号，改成文本类型就好了text/plain
前端传对象都后端获取参数的时候多了一对双引号
weixin_41566033的博客
10-26 5804
前端传参：正常传参。。。。 后端接收到的参数：多了双引号 找了好久都不懂哪里出错了，百度的方法前端的后端的都试了个遍也不行，后面还是从头到尾看了很多遍，参数也换了都不行，最后把入参的对象改了一下，果然发现了问题，我太菜了，这么低级的错误，前端传入的对象赋值错了。 刚开始对象赋值： 在这里插入代码片 let params={}; params = row.title; 修改后传参： 在这里插入代码片 let params={title: row.title}; 这样传入参数才是正确的。。。。
get请求url参数中有小括号()的问题解决
weixin_43189295的博客
07-13 1316
get请求url参数中有小括号()的问题解决
HttpClient请求方式GET和POST方法详解
xiao_wei_666的博客
04-23 2641
HttpClient中Get和Post请求方式
vue3 axios get请求传递数组参数出现中括号 [ ]
qzandyou的博客
07-27 1663
在论坛里找了好多帖子，解决办法很多，大多都是通过技术手段处理的，可惜咱的知识水平有限，压根没有看懂，迷迷糊糊大概了解了些原因，就是。
JavaScript中参数带双引号怎么办
S_Tian的博客
04-10 3757
今天在写小项目的时候遇到一个问题，来记录一下。 问题 今天从后端往前端传html类型的字符串时，前端页面总是乱码，起初不知道是什么特殊符号，后来发现是双引号！！！！！！！！！！！！！！！！ 如果我们从后端传到前端的参数中含有双引号， 如红框中${emailInfo.content}中包含双引号。 那么在调用的时候，其中的双引号就会和onclick后面的 " 双引号发生反应，导致整个代码出错！！！！...
HttpClient的get方法参数有特殊字符的解决办法
qq_38788128的博客
06-20 8756
pom文件 <!-- https://mvnrepository.com/artifact/org.apache.httpcomponents/httpclient --> <dependency> <groupId>org.apache.httpcomponents</groupId> <artifactId>h...
axios在后台请求的数据怎么遍历到页面上
06-06
在前端页面中使用 Axios 向后台发送数据请求，一般需要遵循以下步骤： 1.导入 Axios 库，并初始化配置。 2.在需要请求数据的页面中，使用 Axios 发送 HTTP 请求，并接收返回的数据。 3.将返回的数据解析成 JavaScript 对象格式，然后通过遍历将数据渲染到需要展示的位置上。 下面分别对这些步骤进行简要介绍。 1.导入 Axios 库，并初始化配置。 在前端的 JS 文件中，首先需要按照以下方式封装 Axios，然后引入并配置。 ``` import axios from 'axios'; const instance = axios.create({ baseURL: 'http://localhost:8080', timeout: 1000 }); export default instance; ``` 在这段代码中，我们创建了一个 Axios 实例 instance ，并设置了访问后台数据请求地址的 baseURL ，以及请求超时时间。 2.在需要请求数据的页面中，使用 Axios 发送 HTTP 请求，并接收返回的数据。 在需要请求数据的页面中，使用 Axios 实例的 get() 或 post() 方法，发送数据请求，并接收 HTTP 响应结果。 ``` instance.get('/api/user/1') .then(function (response) { console.log(response); }) .catch(function (error) { console.log(error); }); ``` 这段代码中，我们调用了 instance.get() 方法，使用 GET 方式向后台请求数据。其中，参数 '/api/user/1' 是需要请求的地址。成功时，在控制台中打印返回的数据；失败时，在控制台中输出错误。 3.将返回的数据解析成 JavaScript 对象格式，然后通过遍历将数据渲染到需要展示的位置上。 在控制台中，我们可以看到后台返回的 JSON 格式数据。需要将数据解析成 JavaScript 对象格式，然后遍历展示到页面上。 ``` let users = response.data; let html = ''; for (let user of users) { html += ` <div class="user"> <p class="name">${user.name}</p> <p class="age">${user.age}</p> </div>`; } document.querySelector('#user-list').innerHTML = html; ``` 在这段代码中，我们将后台返回的数据解析成 users 对象数组，并使用 for 循环遍历每个用户。然后，使用 html 模板字符串，将每个用户的 name 和 age 渲染到页面上的 .user 元素中。最后，使用 document.querySelector() 找到需要展示用户信息的容器 #user-list ，并将 html 内容更新到该容器内。 以上就是使用 Axios 获取后台数据，并把数据渲染到页面上的步骤。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值