传参值为JSON字符串解决方案

最新推荐文章于 2025-04-17 10:46:34 发布

全栈编程网

最新推荐文章于 2025-04-17 10:46:34 发布

阅读量1.5k

点赞数

CC 4.0 BY-SA版权

分类专栏：遇到的问题文章标签： java 开发语言

本文链接：https://blog.youkuaiyun.com/ruanhao1203/article/details/127394013

遇到的问题专栏收录该内容

3 篇文章

订阅专栏

本文讲述了如何在项目中避免因直接传入JSON字符串导致的400错误，通过encodeURIComponent和JSON.stringify进行转换，确保后台正确接收到JSON数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题描述

项目中遇到传参值为JSON字符串，当我真的传JSON字符串时，报400错误，也就是参数错误。

解决方案

把json经过如下转换后，传值就可以了

var a = {
  key:1,    
  value:2
}
window.location.href = 'http://localhost:8000?url='+ encodeURIComponent(JSON.stringify(a));

json经过转换后为

%7B%22a1%22%3A1%2C%22a2%22%3A2%7D

传参到后台时，后台就可以收到JSON字符串。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

全栈编程网

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

uni-app - 页面跳转传参 JSON.parse 解析失败报错（SyntaxError: Unexpected end of JSON input）解决方案

前端开发大师鸭

05-16

3542

报错信息报错原因特殊字符：英文（半角）状态的单引号‘双引号"斜杠\反斜杠/and符号&大于号>小于号<空格等。常见的场景是页面携带的参数中含有特殊字符（见上方），通过JSON.parse接收解析时，就会出现的报错。例如下面这个要携带的数据，它就含有上述所说的特殊字符“&”，毫无疑问转义失败。 varparam={ name:"&我是特殊字符&" } 解决方案 核心思路：JSON

微信小程序 - 页面跳转传参 JSON.parse 解析失败报错（SyntaxError: Unexpected end of JSON input）解决方案

前端开发大师鸭

05-16

6837

1 条评论您还未登录，请先登录后发表或查看评论

json字符串的传递

a11121112111a的博客

04-25

1719

//定义对象 var params = {} var result = []; $(".screenBox").each(function () { var id = $(this).attr('id'); var obj = {}; obj.ProjectCode = $("#...

URL中传递JSON字符串

cjy1575944940的博客

08-26

1437

在url请求中传递json数据的解决办法

基于json、list、dict的传参框架

最新发布

2302_77889694的博客

04-17

174

【代码】基于json、list、dict的传参框架。

路由传参不能直接传对象，需要转换成json格式传

ciichen的博客

09-01

1567

用 JSON.stringify(）转成json格式，传过去之后用 JSON.parse() 还原成对象即可需要传参的页面代码： //传参的函数 goInfo(item) { let obj = JSON.stringify({ id: item.id, fileUrl: item.fileUrl, fileName: item.fileName }); this.$router.push({ path

json格式传参

longe20111104的博客

11-18

1023

data = { 'name':'张三', 'age':18 } data = json.dumps(data,ensure_ascii=False) response = requests.post(url='http://xxx.xxx.xxx.xxx/xxxxx',data=data.encode(),headers=headers)

vue前端页面传JSON数组到后台报400错误问题解决

qq_40529904的博客

09-10

3824

前段时间写的项目中写到了前端页面传json数组到后台的一个功能，一开始本来是好的，后来过了段时间别的地方也要写这个功能，就照着之前写的，没想到这次报了400的错误。前端用的vue+elementui，后台是springboot 之前我的后台是这样接收前台传过来的数组的 public R<Integer> saveMoneyHistoryList(@RequestParam(value = "moneyHistoryList[]") String[] moneyHistoryList ,Stri

Java调用Python脚本传参为json格式的解决方案

weixin_43789920的博客

04-01

5011

Java调用Python脚本传参为json格式的解决方案 java将json对象转换成字符串传到Python脚本中之后，Python程序得到的字符串与Java传输过去的字符串是不一样的！！Python得到的json字符串中的key是没有双引号包围的。这个时候直接使用json.loads()会报错。解决的办法是用demjson.decode()将字符串解码为Python对象。 // res是一个j...

HTML两页面数据传递时当数据字符串过长怎么办

一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！

01-09

757

此外，随着Service Worker技术的发展，我们可以利用其离线缓存功能，在网络不稳定的情况下依然能够保证数据的传递。通过对这些技术的深入学习和实践，我们不仅能够提升自己的技能水平，还能为团队带来更大的价值。通过URL参数进行数据传递是最直接的方法之一，但大多数浏览器对URL的长度有限制（例如，IE浏览器限制为2048个字符）。因此，对于较长的数据字符串，这种方法并不适用。希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。专栏系列（点击解锁）

关于小程序GET的数据中存在json的解决方案

qq_37111984的博客

07-30

1116

在项目开发中，微信小程序开发 wx.require 中的data 数据中，我尝试使用json 字符串来传递给服务器既然服务器的接收的数据中正确的。但是无法进行json_decode() 返回的数据：NULL。。然后使用 json_last_error () 来进行排查。

json数据、日期数据的参数传递及响应

weixin_44860226的博客

06-27

2680

在springMVC配置文件中开启@EnableWebMvc才可以将json数据转换成各种对象数据，作用就是根据传参类型匹配对应的类型转换器。利用@DateTimeFomat注解中的pattern指定日期的格式。@RequestParam与@RequestBody注解之间的区别。@ResponseBody注解使用小结。@DateTimeFomat注解总结。首先在maven中添加json坐标。如何接收除年月日之外的时间呢？

关于前后端传值时需要将数据转成json数据格式进行传输

lirtyuj的博客

05-22

362

发现自己传输的后端的值是实体类，可以改成json字符串。后端写的18位身份证号传输到前端，最后一位被四舍五入了。今天遇到了一个问题，后端返回的数据被四舍五入了，

json对象和json字符串之间的转化

zluz_的博客

08-02

832

1、json字符串----->json对象使用JSON.parse()函数 var jsonStr = '{"name":"zhangsan","age":23,"email":"chentging@aliyun.com"}'; var json = JSON.parse(jsonStr); console.log(json);//输出:Object {name: "zhangsan", age: 23, email: "chentging@aliyun.com"} 使用eval()函数

tomcat ：向后台传 json字符串报400错误解决方式

a116385895的博客

05-07

3279

最近遇见一个问题：后台接收一个json字符串：param= {"coords":[{"x":116.46787, "y":39.91491},{"x":116.46787,"y":39.91491}],"from":"GPS","to": "SMM"} 返回400错误。原因：tomcat 7.0以上版本为了安全，会对一些特殊字符进行了编码，导致400错误解决：1.找到config/c...

【SpringMVC篇】5种类型参数传递&&json数据传参

小吉妙妙屋

11-01

2990

5种类型参数传递&&json数据传参

window java 调用python脚本传递json字符串json.loads()格式化异常问题

mengtianning的博客

09-09

1262

项目场景： window java 调用python脚本传递json字符串json.loads()格式化异常问题。问题描述： json: { "name": "ccc", "pwd": "cc", "age": 12 } java: String info = "{\"name\":\"ccc\",\"pwd\":\"cc\",\"age\":12}"; String arguments = "python" + " " + "E:\\myPython\\src\\python\\test2.py

传递json格式的string参数，需要转移双引号

ljf12138的博客

03-24

971

传递json格式的string参数，需要转移双引号，这里我使用的requestBody接收参数原参数 "obj":"{"title": "标题","email":"123@12.com"}" postman传递参数： { "obj":"{\"title\": \"标题\",\"email\":\"123@12.com\"}" }

前后端分离 - 前端传JSON后端接收到%7B%22...的问题解决

热门推荐

weixin_43494831的博客

04-15

1万+

前后端分离 - 前端传JSON后端接收到%7B%22...的问题解决一、问题重现1. 前端代码：2. 后端代码3. 发送数据后得到结果截图3-1. 前端console.log3-2. 后端 log.info二、出现原因三、问题解决1. 首先设置一下软件的编码格式，idea和webstorm一样设置2. 前端页面数据编码格式设置四、结果截图END 一、问题重现 1. 前端代码： //测试提交json $('.test').click(function () { let liaison = $(

es6模板字符串方法传参

03-11

### ES6 模板字符串传参在 JavaScript 中，ES6 引入了模板字符串的功能，允许更方便地创建多行字符串以及嵌入表达式。当涉及到向模板字符串传递参数时，可以使用 `${expression}` 的形式将变量或表达式的值插入到字符串中[^2]。对于简单的插值需求： ```javascript const name = "Alice"; const greeting = `Hello, ${name}`; console.log(greeting); // Hello, Alice ``` 除了基本的数据绑定外，在某些场景下可能还需要处理逻辑判断或者循环结构等内容。由于标准的模板字符串并不直接支持这些功能，因此可以通过定义自定义标签函数的方式来扩展其能力[^3]。下面是一个带有条件渲染的例子： ```javascript function conditionalTag(strings, ...values) { let result = ''; values.forEach((value, index) => { if (value !== undefined && value !== null && value !== '') { result += strings[index] + value; } else { result += strings[index]; } }); return result + strings[strings.length - 1]; } let user = { name: 'Bob', age: '' }; let bio = conditionalTag`Name: ${user.name}, Age: ${user.age}`; console.log(bio); // Name: Bob, ``` 此例子展示了通过构建一个名为 `conditionalTag` 的标签函数实现了仅当给定属性存在有效值时才将其加入最终输出的能力。 #### 处理复杂情况下的数据展示考虑到更为复杂的业务逻辑，比如列表项遍历，则通常会结合其他库（如 lodash 或者专门的模板引擎）完成此类任务；不过也可以尝试编写自己的解决方案来满足特定的需求。例如，这里给出了一种模拟 Mustache 和 Nunjucks 风格语法的方式来进行书籍集合的渲染： ```javascript var myBooks = [ { title: 'JavaScript The Good Parts', author: 'Douglas Crockford' }, { title: 'Eloquent JavaScript', author: 'Marijn Haverbeke' }]; function hashTemplate(literals, ...placeholders) { const template = literals.join('${}'); placeholders.forEach((placeholder, i) => template.replace(`#${i}`, placeholder)); // 此处简化处理，实际应解析并执行完整的模板指令集 return eval('`' + template.replaceAll('#{', '${') + '`'); } var libraryHtml = hashTemplate` <ul> #for book in ${JSON.stringify(myBooks)} <li>${book.title} by ${book.author}</li> #/for </ul>`; console.log(libraryHtml); /* 输出类似于： <ul> <li>JavaScript The Good Parts by Douglas Crockford</li> <li>Elegant JavaScript by Marijn Haverbeke</li> </ul>*/ ``` 上述代码片段演示了一个基于纯虚构模板语言的概念验证版本，其中包含了对数组元素迭代的支持。需要注意的是这只是一个简化的实现方式，并未完全遵循任何现有的模板规范。