微信小程序排坑，本地存储数据解析后字符带双引号，userName: JSON.stringify(wx.getStorageSync('userInfo').userName

最新推荐文章于 2024-06-07 14:56:57 发布
原创 最新推荐文章于 2024-06-07 14:56:57 发布 · 2.7k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一个关于微信小程序中使用wxStorage存储和读取数据时遇到的问题：读取到的数据带有双引号，导致数据解析错误。通过正确的使用JSON.parse和JSON.stringify方法，可以在存储时去除双引号，确保数据的正确读取。 
userName: JSON.stringify(wx.getStorageSync('userInfo').userName),

得到的数据解析后带双引号，
这真是一个气吐血的坑。
需要在往storage种存储的时候使用

 wx.setStorageSync('userInfo',JSON.parse(userInfo))

再解析

userName: wx.getStorageSync('userInfo').userName,

就能得到正常的数据了

记微信小程序开发遇到的问题（一）
yang_yyy3的博客
11-09 234
记微信小程序开发遇到的问题（一） 改为16进制即可，用双引号引起来。
微信小程序踩坑—本地缓存
一叶舟遥
10-18 8651
同一个微信用户，同一个小程序 storage 上限为 10MB。 1.wx.setStorageSync(KEY,DATA)  将data 同步存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容。 var userInfo = res.data.data wx.setStorageSync('userInfo', userInfo) 这里是把服务器返回的用户数据存放到k...
微信小程序获取用户openid
书写人生
05-12 6662
1、wx.login(OBJECT)    调用接口获取登录凭证（code）进而换取用户登录态信息，包括用户的唯一标识（openid） 及本次登录的 会话密钥（session_key）。用户数据的加解密通讯需要依赖会话密钥完成。 2、code 换取 session_key ​  这是一个 HTTPS 接口，开发者服务器使用登录凭证 code 获取 session_key 和 op
微信小程序 wx.getStorageSync获取数据异常
wyq的博客
10-09 4942
在页面的data部分使用wx.getStorageSync时会因为页面生命周期导致wx.getStorageSync获取到的数据是空，从而影响数据的解析 正确的使用方法是data中不使用wx.getStorageSync，改放到生命周期函数中或其他方式赋值。 切记切记，勿用在data中直接使用 data: { userInfo: wx.getStorageSync('userInfo') } 改为 onLoad: function(options) { this.setData({
微信发中文双引号“”无法解析的问题
EdwardDrew的专栏
11-20 1478
原因是发消息的时候用的是json-20160810.jar的JSONObject，里面有一些特殊字符特殊处理的逻辑， public static Writer quote(String string, Writer w) throws IOException { if (string != null && string.length() != 0) { ...
json-stringify-deterministic:JSON.stringify（）的确定性版本，因此您可以从字符串化的结果中获取一致的哈希
05-12
确定性版本的JSON.stringify() ，因此您可以从字符串化的结果中获得一致的哈希值。 与相似，但： 没有依赖关系。 尽量少。 更好的循环检测。 支持对不带.toJSON对象（例如RegExp ）进行序列化。 安装 $ npm ...
精选资源
stringify-object:字符串化像JSON.stringify这样的对象数组，而无需所有双引号
05-26
使用JSON.stringify之类的对象/数组进行字符串化，只是不使用所有双引号 当您想要以格式化的方式获取对象的字符串表示形式时很有用。 它还处理循环引用，并允许您指定引用类型。 安装 $ npm install stringify-...
json-stream-stringify：JSON.Stringify作为可读流
02-05
JSON Stringify作为可读流，具有递归解析所有可读流和Promises的能力。 现在开始打字！ v2的重要变化和重大变化 从头开始完全重写 100％的代码覆盖率！ :party_popper: 太空论证终于实现了！ :party_popper: :...
JSON.stringify转换JSON时日期时间不准确的解决方法
10-25
特别是当使用JavaScript的JSON.stringify方法将含有日期对象的JavaScript对象转换为JSON字符串时，日期对象会被转换成国际时间（ISO标准时间），而不是本地时区的时间，这在处理中国时区数据时尤为突出。 在描述中...
解决JSON.stringify()自动将中文转译成unicode的问题
10-18
`JSON.stringify()`方法在处理包含中文字符的对象时，可能在某些环境下将中文字符转译成Unicode编码，从而导致数据在传输和展示时出现问题。特别是当遇到老旧的浏览器如Internet Explorer 8（IE8）时，该问题更为...
微信小程序GET请求总，如果参数中出现'+ ',' '加号符号，发送到后台会出现空格
10-23 1747
比如你看到这个博客的标题会发现有两个引号，第一个是正常显示加号，第二个是空白，因为被当做空格了。 第一个我写的是 '% 2 B ' 如果加上请求头呢： header: { 'Content-Type': 'application/x-www-form-urlencoded' }, 还是空白的话，就手动编码处理一下，是处理特殊...
替换php中双引号的小程序
erlanp的专栏
12-24 1462
因为本人有一点点代码洁癖,看不习惯老代码中的$POST["abc"]或$_GET[abc]什么的,还有没必要用双引号的地方不用单引号的。所以专门写了个php小程序。     这个程序只能转纯php文件，不能用于模版文件。另外如果你定义的常量不是大写的，及字符串用了     这个程序是给自己用的，很多地方不规范，比如应该用有意义名称的地方用的是0啊1啊，这个不要学。代码写得不怎么样，只是
小程序出现（\n）的处理方法，使用wxs中的正则匹配，去掉\n出现换行
Seven_drunk的博客
12-08 1176
var format=function(text){ if(!text){ return } var reg=getRegExp('\\\\n','g') return text.replace(reg,'\n') } module.exports={ format:format } <wxs src="../../utils/fliter.wxs" modu...
微信小程序云开发 更新数据库 相关问题
huashao969的博客
03-26 952
新增可以不带_id 字段，会自动生成一个，也可以自带一个。乱码问题见乱码解决文档，补充一点：修改为utf-8编码的csv文件可能无法修改了（会乱码）,建议保留修改编码前的文件，但是上传的还是修改编码后的csv文件。右键csv文件，用记事本打开。因为csv文件是以逗号作为分隔号，没有括起来的逗号会导致分隔错误。解决方法：office一般没有这种问题，wps可能会有这个问题，这时用office打开这个csv文件另存为一份即可。2. Upsert: 更新或插入，以 _id 判断，已存在就更新，不存在则新增。
小程序登录
qq_40555146的博客
05-14 315
app.js const api = require('./config/config.js'); App({ // 小程序启动生命周期 onLaunch: function () { let that = this; // 检查登录状态 that.checkLoginStatus(); }, // 检查本地 storage 中是否有登录态标识 checkLoginStat...
微信小程序---全局/本地存储
python_web全栈
02-20 4766
1. 在app.js 中存储 1.1 接口 // 往本地存储，防止小程序关闭，重写登录 wx.setStorageSync('userinfo', info); // 从本地获取值 wx.getStorageSync('userinfo') // 从清空本地值 wx.removeStorageSync('userinfo') 1.2案例 /** * 当小程序初始化完成时，会触发 onLaunch（全局只触发一次） */ onLaunch: function () {
微信小程序本地存储（wx.setStorage）和（wx.setStorageSync）
热门推荐
m0_64590669的博客
04-09 1万+
需要根据实际情况选择缓存和本地数据存储方式，可以考虑数据的大小和需求等因素。需要注意的是，本地数据存储的大小受到设备存储容量的限制，存储数据过多可能会占用大量的设备存储空间，导致设备运行缓慢甚至奔溃。缓存数据的大小一般受到设备内存的限制，一些低端设备可能会出现缓存数据不稳定，甚至会造成应用程序崩溃等问题。本地数据存储是指将数据存储在设备本地的文件系统中，能够保持数据的持久性。在微信小程序中，可以使用本地存储来保存一些数据比如用户状态，姓名，性别等；方法获取本地存储数据，获取成功后在控制台中输出了缓存数据。
微信小程序授权登录——获取用户信息
ahc176的博客
07-21 8372
小程序登录 小程序可以通过微信官方提供的登录能力方便地获取微信提供的用户身份标识，快速建立小程序内的用户体系。 登录流程时序 效果展示： 功能实现： 新建一个login页面 index.js： Page({ data:{ userInfo:'', }, onLoad(){ let user=wx.getStorageSync('user') this.setData({ userInfo:us...
微信小程序开发中的本地存储与数据持久化
qq_67153941的博客
06-07 1990
微信小程序提供了本地存储和数据持久化的功能，可以将数据存储在用户的本地设备上，以便在下次使用时可以读取和使用这些数据。在本文中，我将详细介绍微信小程序中的本地存储和数据持久化的使用方法，并提供一些代码案例。filePath是文件的路径，data是要写入的数据，encoding是写入数据时使用的编码方式。在本文中，我详细介绍了微信小程序中本地存储和数据持久化的使用方法，并提供了相应的代码案例。希望本文能帮助到您。数据持久化可以将数据保存在小程序的本地文件系统中，以便在下次使用时读取和使用这些数据。
this.setData({`${formType.value}Json`: JSON.stringify(formData)})微信小程序报错怎么改
最新发布
09-19
<think> 我们正在处理微信小程序中的代码报错问题。用户提供的代码片段是： `this.setData({`${formType.value}Json`: JSON.stringify(formData)})` 在JavaScript中，对象字面量的键名如果是动态的，需要使用方括号（[]）来包裹表达式。但是，在微信小程序的`setData`方法中，我们传递的是一个对象，这个对象的键可以是动态的，但必须使用正确的语法。 用户代码中使用了模板字符串（`${formType.value}Json`）作为键，但是它在对象字面量中直接这样写是不正确的。应该使用计算属性名（computed property name）的语法，即用方括号将表达式括起来。 因此，正确的写法应该是： ```javascript this.setData({ [`${formType.value}Json`]: JSON.stringify(formData) }) ``` 这样，键名就会被计算为`formType.value`的值加上字符串"Json"，例如，如果`formType.value`为"user"，则键名为"userJson"。 另外，需要注意的是，在微信小程序中，`setData`设置的键名不能包含特殊字符（如点号等），但这里我们使用的是变量拼接字符串，只要`formType.value`的值是合法的（不包含点号等），就没有问题。 下面我们详细解释一下： 1. **原始错误代码**： ```javascript this.setData({`${formType.value}Json`: JSON.stringify(formData)}) ``` 这种写法会导致语法错误，因为对象字面量的键名不能直接使用模板字符串。 2. **正确写法**： ```javascript this.setData({ [`${formType.value}Json`]: JSON.stringify(formData) }) ``` 使用方括号将模板字符串括起来，表示这是一个计算属性名。 3. **注意事项**： - 确保`formType.value`的值是一个字符串，并且不包含点号（`.`），因为点号在`setData`中用于表示嵌套路径。如果`formType.value`可能包含点号，那么需要避免，或者使用其他方式（例如，用下划线代替点号）来构造键名。 - 另外，确保`formData`是可转换为JSON的对象，否则`JSON.stringify`可能会抛出异常。 如果用户需要动态设置多个字段，也可以使用类似的方式，例如： ```javascript this.setData({ [key1]: value1, [key2]: value2 }); ``` 因此，解决用户报错的方法就是将键名用方括号括起来，内部使用模板字符串。 最后，参考用户提供的引用[3]中提到的，使用`JSON.stringify`将对象转换为JSON字符串是常见的做法，这里我们也是这么做的。 所以，修改后的代码应该是： ```javascript this.setData({ [`${formType.value}Json`]: JSON.stringify(formData) }); ``` 这样修改后，代码应该就不会报错了。 </think> 针对微信小程序中 `this.setData({`${formType.value}Json`: JSON.stringify(formData)})` 报错的问题，解决方案如下： ### 错误原因分析 1. **模板字符串语法错误**：在对象字面量中直接使用模板字符串 `{${key}: value}` 不符合 JavaScript 语法规范 2. **键名动态生成限制**：微信小程序 `setData` 要求键名必须是静态字符串或合法标识符 3. **特殊字符问题**：模板生成的键名可能包含小程序不允许的特殊字符（如`.`） ### 解决方案 #### ✅ 方法 1：使用计算属性名（推荐） ```javascript const key = `${formType.value}Json`; this.setData({ [key]: JSON.stringify(formData) }); ``` **原理**：通过 `[变量]` 语法动态生成键名，符合 ES6 规范 #### ✅ 方法 2：预拼接键名字符串 ```javascript const jsonKey = formType.value + 'Json'; this.setData({ [jsonKey]: JSON.stringify(formData) }); ``` #### ✅ 方法 3：使用临时对象 ```javascript const tempObj = {}; tempObj[`${formType.value}Json`] = JSON.stringify(formData); this.setData(tempObj); ``` ### 注意事项 1. **键名合法性**：确保 `${formType.value}` 不包含特殊字符（如`.`），否则会导致报错 2. **JSON 转换**：`JSON.stringify()` 是正确做法，如引用[3]强调的 JSON 格式要求[^3] 3. **数据结构**：若 `formData` 包含函数或不可序列化值，需提前处理 4. **小程序限制**：单次 `setData` 数据大小不超过 1MB ### 示例修正代码 ```javascript // 获取动态键名 const dynamicKey = `${formType.value}Json`; // 创建待更新数据对象 const updateData = { [dynamicKey]: JSON.stringify(formData) }; // 执行数据更新 this.setData(updateData); ``` > ⚠️ 如引用[2][^2]和[3][^3]所示，涉及 JSON 序列化的操作必须确保数据可序列化，且注意避免嵌套过深的数据结构。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值