微信小程序 JSON

开发需求描述

=====================================================================

在进行微信小程序项目的一个功能开发时，我需要使用wx.request和wx.uploadFile分别进行数据的上传，并根据后台数据库返回的res.data.error_code给用户相关的提示。举个例子，error_code为0，则是“提交成功”，error_code为1，则是“提交失败”。

bug异常描述

======================================================================

写好了代码，将相应的数据进行上传，url等等都没有问题，同样是上传数据，uploadFile却不能给我返回正常的error_code，打印出来的res.data.error_code是undefined。

success(res) {

console.log(res.data)

console.log(res.data.error_code)

if (data.error_code == 0) {

wx.showToast({

title: ‘提交成功’,

})

}

if (data.error_code == 1) {

wx.showToast({

title: ‘参数不足’,

})

}

if (data.error_code == 2) {

wx.showToast({

title: ‘提交超时’,

})

}

if (data.error_code == 3) {

wx.showToast({

title: ‘不可重复提交’,

})

}

},

fail: function (res) {

wx.showToast({

icon: ‘none’,

title: ‘上传失败’,

})

}

})

若error_code都是undefined，自然在下面的判断就不好使了，没法出现应有的showToast，用户得不到相应的提示。

原因分析

===================================================================

wx.uploadFile没有对JSON字符串做JSON.parse（）处理，所以后台传过来的res.data实际上是个JSON字符串，并不是JavaScript对象，所以根本没有res.data.error_code。不是JavaScript对象，怎么有’.'操作呢。

然而，wx.request就有对JSON字符串做JSON.parse（）转化，转成了JavaScript对象，所以就可以直接访问res.data.error_code，是一点问题都没有的。

//同样的代码，在wx.request就没有问题；

success: function (res) {

console.log(res.data)

if (res.data.error_code == 0) {

wx.showToast({

title: ‘提交成功’,

})

}

解决方案

===================================================================

在wx.uploadFile中，添加var data = JSON.parse(res.data)，将res.data转换成了JavaScript对象保存在变量data中。故可以访问data.error_code。

// 在wx.uploadFile中

success(res) {

var data = JSON.parse(res.data)

console.log(data)

console.log(data.error_code)

if (data.error_code == 0) {

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（资料价值较高，非无偿）

最后

你要问前端开发难不难，我就得说计算机领域里常说的一句话，这句话就是『难的不会，会的不难』，对于不熟悉某领域技术的人来说，因为不了解所以产生神秘感，神秘感就会让人感觉很难，也就是『难的不会』；当学会这项技术之后，知道什么什么技术能做到什么做不到，只是做起来花多少时间的问题而已，没啥难的，所以就是『会的不难』。

我特地针对初学者整理一套前端学习资料分享给大家，戳这里即可获取

项技术之后，知道什么什么技术能做到什么做不到，只是做起来花多少时间的问题而已，没啥难的，所以就是『会的不难』。

我特地针对初学者整理一套前端学习资料分享给大家，戳这里即可获取

[外链图片转存中…(img-49mTzIhV-1711769853979)]