微信小程序 踩坑之JSON.parse ()转换失败问题

最新推荐文章于 2025-06-09 16:36:57 发布
最新推荐文章于 2025-06-09 16:36:57 发布
阅读量7k 收藏 8
点赞数 1
CC 4.0 BY-SA版权
分类专栏： 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_39702981/article/details/86691077
在微信小程序中遇到JSON.parse()转换失败的难题。原始数据是字符串格式，通过使用正则表达式去除不需要的内容，然后使用JSON.parse()将字符串转换为JSON对象，最终成功获取到正确数组结果。

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

微信就是最大的坑!!!!!

一开始接收到的数据是一段字符串

然后用 
 

var str = res.data;

str = str.replace(/\ufeff/g,"");

去掉多余的部分

转json对象用

JSON.parse(str);

可得到正确的数组结果

 

 

JSON.parse解析json出错的替代方案：小程序上解析json出bug，而在微信开发者工具上解析json正常。
qq_37635012的博客
06-13 1740
组件进行解码，后通过JSON.parse()将变量还原。如下所示，请求拿到后端数据后需要将其缓存到本地，这里有个坑就是 wx.setStorageSync和wx.setStorage单个key存储的数据最大1mb，如果你拿到后端的数据大于1mb，你直接存本地就会导致真机上报错，而微信开发者工具上可能不会报错，所以你看到了我这里用了try catch , 除此之外，我还把数据通过路由wx.reLaunch携带传递给下一页。函数可把字符串作为 URI 组件进行编码。然后使用的话需要先引入这个util.js。
微信小程序 - 页面跳转传参 JSON.parse 解析失败报错（SyntaxError: Unexpected end of JSON input）解决方案
资深程序员
05-16 6862
报错信息 报错原因 特殊字符：英文（半角）状态的单引号‘双引号"斜杠\反斜杠/and符号&大于号>小于号<空格等。 常见的场景是页面携带的参数中含有特殊字符（见上方）， 通过JSON.parse接收解析时，就会出现的报错。 例如下面这个要携带的数据，它就含有上述所说的特殊字符“&”，毫无疑问转义失败。 varparam={ name:"&我是特殊字符&" } 解决方案 核心思路：JSON
JSON.parse() 转换失败报错解决
最新发布
工作中遇到问题记录
06-09 184
JSON.parse() 转换失败报错解决
微信小程序页面跳转时携带了字符串json 因特殊符号导致JSON.parse报错
weixin_45966674的博客
10-27 1141
相信大家在编写小程序时经常会用把json转成字符串作为参数传给下一个页面的惯用手法 但你们知道吗？ 一但json字段中有值等于 & 或者 ? 的你再用JSON.parse转换将报错 很多人可能觉得是JSON.parse转字符串报错 但其实不是的 是因为传递参数时 路径将 & 读成了参数 ?同理 我们常见的就是 “index/index?参数1=值&参数2=值” 就等于你json中的值把你传递的参数断了 在传递前编写方法就好 transfer:funct
微信小程序调用wx.scanCode 结果通过JSON.parse解析错误提示
小星落
05-11 1188
wx.scanCode({ onlyFromCamera: true, success(res){ console.log(res.result) // JSON.parse() 解析时报错 //可能因为扫描二维码获取的值，前端有一个空格。用result.trim()去除空格后解决问题。 let rr=JSON.parse(res.result.trim()) } }) ...
微信小程序JSON.parse上一个页面传过来的对象字符串报错
double徐
05-09 2110
在上一个页面将下一个页面需要的数据，把传递参数用JSON.stringify()函数转成字符进行传递，在目标页面中用JSON.parse函数接收时报错 原因：JSON.parse无法识别某些url或者消息内容中的特殊字符，所以报错 错误信息如下： Unexpected end of JSON input;at pages/moment_detail/moment_detail page lif...
uniapp兼容微信小程序和支付宝小程序遇到的坑
RainHg的博客
07-26 6793
支付宝不支持v-show；v-html；支付宝导航栏差异；支付宝不兼容uni.createSelectorQuery().in中的in；支付宝客服相关；uniapp小程序超出限制；uniapp require 绝对路径引入文件报错“文件查找失败”；SyntaxError: Unexpected token } in JSON at position
微信支付|SpringBoot集成微信小程序创建订单&支付&退款（apiV3+SDK保姆级教程）
宋发元
12-13 4307
微信小程序支付官网接口文档：https://pay.weixin.qq.com/docs/merchant/products/mini-program-payment/development.html 重点步骤说明：步骤4： 用户下单发起支付，商户可通过JSAPI下单创建支付订单。步骤9： 商户小程序内使用小程序调起支付API（wx.requestPayment）发起微信支付，详见小程序API文档 (opens new window)。步骤16： 用户支付成功后，商户可接收到微信支付支付结果通知支付通知AP
uni-app跨端开发微信小程序之手把手带你写一个用程序自动打开微信开发者工具的小插件
yilingsj的博客
05-23 2621
摘要：本文通过获取微信开发者工具安装路径、调用shelljs执行vue-cli编译命令、fs和path组合来读取编译后的目录、动态修改AppId和title这四个方面入手，一步步带领看官制作一个自动打开微信开发者工具的小插件，完美解决日常多环境开发的硬性需求......
微信小程序会员卡开发（开发效果示例图+详细介绍+接口说明）
金蕊泛流霞
06-23 9236
说实话呢，这次微信会员卡的开发文档是真的乱，四分五裂，我也是东凑西拿的才完成会员卡的开发，把开发经验和踩坑给大家说一下，希望对大家有所帮助 JAVA微信会员卡接口踩坑详细 直接上我写的接口吧； /createCard 会员卡开卡接口，创建模板也是在这个接口； /getopenid 获取微信用户传过来的code，通过code获取用户的唯一标识符openid； /wxgetcode 根据这个接口传来的值去匹配数据库数据返回给微信小程序数据； /getparam 这个接口是获取encrypt_card_id,
小程序选取上传图片以及视频，JSON.parse解析返回值报错
m0_46978096的博客
06-17 948
小程序图片上传及JSON.parse解析失败
前端日常踩坑（接口返回的json数据无法转换成数组）
weixin_43765432的博客
07-23 1471
今天对接口时遇到了个问题，就是后端将数据通过json方式传输到前端时，前端也拿到了数据如下： 但是这个时候就出现了问题，我发现无法将数据转换成数组，刚开始以为是反斜杠的问题，也做过尝试，结果还是没有解决。让我都开始怀疑是不是JSON.parse（）的问题了，然后自己创建了一个数组转成JSON字符串与获取到的值一一比对也没发现啥问题。创建的数组及字符串如下： 实在没法，我就把上面的datas里面的数据也放到一个字符串中和arr1进行比对，最后选择了几个参数作为一个新的字符串：这三个参数的类型不相同。 经
thinkphp6 json_encode后数组 js 无法使用 JSON.parse()转回数组
weixin_45724083的博客
11-05 823
thinkphp6 json_encode后数组 js 无法使用 JSON.parse()转回数组 js 可以使用{}接受thinkphp传的参数，但是传数组的话会提示不是字符串格式，需要在后端代码中json_encode一下数据。但是thinkphp6后端json_encode后收到的数据打印出来会有 乱码如下： ! 使用JSON.parse()也无法转回数组。这是因为thinkphp输出html默认使用了htmlentities, 可以{$arr|raw}在参数后面加”|raw“就可以了 这样html
JSON.stringify()和JSON.parse()不能转换RegExp的问题
weixin_46656983的博客
07-07 2807
前言 有一个Json对象如{"name": 'admin', "pattern": /^[0-9]+$/}，用JSON.stringify()转成Json字符串的时候发现转成了"{"name":"admin","pattern":{}}"，把正则对象转成了空对象。以至于调用JSON.parse()时，把这条正则数据给丢失了。 原因 JSON.stringify会处理的几种类型： String, Number, Boolean, null, Array, Object 不会处理的几种类型： Date, Reg
微信小程序 json数据解析
热门推荐
jfh389987366的博客
05-15 1万+
最近在做微信小程序的项目，因为是新手，发现通过wx.request({}）api向后台请求的json数据始终解析不正确，后台返回的数据是这样的： 开始就直接res.code这样来取数据，发现得到的结果都是undefined，一直都没搞懂是怎么回事，记得在做前端开发时js代码中都是这样取的值，可是到这里却一直取不到，最后通过将返回的res数据转换成string打印出来才明白怎么回事， 通过:va...
js的JSON.parse 字符串长度过长转义失败怎么处理
oDongTianShuiYue的专栏
11-14 2572
在上面的代码中，我们使用 `JSON.parse()` 方法的第二个参数，将字符串进行了处理。在 `reviver` 函数中，我们判断值的类型是否为字符串，如果是，就只取前 100 个字符，并返回处理后的字符串。这是因为 JavaScript 的 `JSON.parse()` 方法默认只支持解析符合 JSON 格式的字符串，如果字符串的长度过长，可能会导致解析失败。`reviver` 函数会在解析 JSON 字符串的每个键值对时被调用，你可以在这个函数中对字符串进行处理，以避免解析失败。
使用JSON.parse()出现的一些SyntaxError异常报错问题
notbaldness的博客
06-15 6226
1、用法：用于将已序列化的json字符串解析成js的值或对象，这一过去称为反序列化，但是在使用的时候有时候会出现SyntaxError(语法)的错误，这是因为有些数据不能被反序列化。reviver：可以传入一个函数，在解析出来之前可以对解析过程中对数据进行处理。常见报错的内容有：""(空字符串)，undefined，一些不符合规范的json字符串，等等。参数：text：要解析的js值或json字符串（json字符串需满足json规范）json规范比较多，一个一个判断太麻烦，
解决前端出现SyntaxError: Unexpected token in JSON at position 0 at JSON.parse (＜anonymous＞)
Gyroscope_fd的博客
11-03 3968
打印结果，发现结果就是“正常”的json对象。而且根据各种json检测，也都证明没错。但是由于Json.parse()，json对象转js对象对括号内的json对象的格式是严格要求了。把前面的空格截取掉，就可以正常打印并获取其中的元素值了。这就好办了，我直接一个。
云打印网站源码
03-08
<think>好的，用户想要寻找实现云打印功能的网站源码。首先，我需要理解用户的具体需求。云打印系统通常涉及文件上传、支付集成、打印任务管理以及与打印机的通信等功能。用户可能希望有一个完整的解决方案，能够快速搭建起这样的平台。 根据用户提供的引用内容，有三个相关的资源。引用1和引用2都是云打印系统的源码，分别提供了在线云打印平台和最新的自助打印系统小程序源码。引用3是关于Python实现云打印的注意事项。用户可能需要评估这些资源是否适合他们的需求。 接下来，我需要考虑用户可能的背景。他们可能是开发者，想要自行搭建云打印服务，或者是企业用户寻找解决方案。如果是开发者，源码的完整性和技术栈是否匹配很重要。例如，引用1的项目地址是完整的，而引用2提供了2023年的UI设计，可能更现代化。引用3提到的Python实现和MQTT服务器可能涉及后端通信的具体实现，这对技术选型有帮助。 用户可能没有明确说明是否需要特定的编程语言或框架，但根据引用中的项目，可能涉及PHP、Python等。需要推荐适合不同技术栈的源码。此外，用户可能关心源码的功能完整性，如是否包含支付集成、用户管理、打印机连接等模块。 还需要考虑用户可能遇到的问题，比如如何与硬件打印机通信、如何处理文件格式转换、如何确保支付安全等。引用3提到通过MQTT服务器进行通信，这可能是一个需要注意的技术点，避免踩坑。 最后，用户可能需要比较不同源码的优缺点，比如引用1的解决方案是否经过验证，引用2的UI是否更友好，引用3的Python实现是否更适合他们的后端架构。因此，在回答中需要清晰地列出各个资源的特点，帮助用户做出选择。</think>实现云打印功能的网站源码需要包含文件上传处理、支付集成、打印任务调度等核心模块。以下是基于参考资料的实现路径和推荐方案： ### 一、核心功能实现要点 1. **文件处理系统** - 支持多种格式解析（PDF/Word/图片等） - 自动转换文件为打印设备支持的格式 - 实现分页预览功能$$ f(x) = \frac{1}{\sigma\sqrt{2\pi}}e^{-\frac{(x-\mu)^2}{2\sigma^2}} $$ 2. **打印任务调度** - 使用消息队列（如RabbitMQ）管理打印队列 - 实现优先级打印功能 - 异常任务重试机制[^3] 3. **设备通信协议** - 支持USB/网络打印机连接 - 实现MQTT协议实时状态监控 - 打印进度反馈系统 ### 二、推荐源码方案 #### 方案1：完整云打印平台（PHP） ```php // 示例文件上传处理 $file = $_FILES['print_file']; $target_path = "uploads/".basename($file['name']); if(move_uploaded_file($file['tmp_name'], $target_path)) { // 加入打印队列 $printJob = new PrintJob($target_path); $printerManager->addJob($printJob); } ``` 项目地址：https://gitcode.com/open-source-toolkit/7d0a66 [^1] #### 方案2：微信小程序方案（Vue+Node.js） 包含2023年最新功能： - 微信支付/支付宝集成 - 智能定价算法$$ C = \alpha \cdot p + \beta $$ - 用户会员体系 项目地址：https://gitcode.com/open-source-toolkit/a69fe [^2] ### 三、关键技术实现 1. **安全沙箱机制** ```python # 文件格式转换示例 def convert_to_pdf(file_path): with sandboxed_environment(): subprocess.run(['libreoffice', '--headless', '--convert-to', 'pdf', file_path]) ``` 2. **打印机状态监控** ```javascript // MQTT通信示例 client.on('message', (topic, message) => { if(topic === 'printer/status') { updatePrinterStatus(JSON.parse(message)); } }); ```
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值