niceyoo博客 niceyoo博客

小程序json字符串取值问题,怎么取出来的是undefined,eval函数不能用?

in 微信开发 文章转载请注明来源!

1、后端返回的值

"{\"msg\":\"InvalidParameterValue.NoFaceInPhoto-图片中没有人脸。\",\"code\":500}”

关于为何会返回如上json字符串的场景:文件上传「声明了Content-Type」

wx.uploadFile({
  url: common.apiServer+'wx/user/uploadImg?openid='+openid,
  filePath:  _self.data.src,
  name: 'file',
  header: {
    "Content-Type": "multipart/form-data"
  },
  success: function (uploadFileRes) {

  },
  error: function(e){
    wx.hideLoading();
    console.log("文件上传失败");
  }
});

2、区分json字符串,json对象的区别

上方后端返回的就是json字符串,再具体一下它的特征:使用单引号或者双引号引起来

我们来看一下常用的json对象:

{"msg":"InvalidParameterValue.NoFaceInPhoto-图片中没有人脸。","code":500}
那么两者在使用上有什么区别呢?

对象是可以通过 对象.属性 取值的,而json字符串不可以。

比如返回数据中的 data.code「假设返回数据为data」 在json字符串中拿到的是 undefined,而在json对象中拿到的是 500

3、如何拿到json字符串中的数据呢

首先我们可能想到的是 js 中的 eval 函数,尝试后报如下错误:

thirdScriptError
eval is not a function;at api uploadFile success callback function
TypeError: eval is not a function

由于数据安全性问题,小程序禁用了这个函数… 改用 JSON.parse 实现

JSON.parse:

let data = "{\"msg\":\"InvalidParameterValue.NoFaceInPhoto-图片中没有人脸。\",\"code\":500}”;
let resuleData= data.replace(" ","");
if(typeof resuleData != 'object'){
  resuleData= resuleData.replace(/\ufeff/g,"");
  let newData = JSON.parse(resuleData);
  console.log("newData:"+JSON.stringify(newData));
  console.log("new code :" + newData.code);
}

在平时遇到返回的是json字符串时,首先第一想到的就是eval函数,但由于小程序禁用了eval函数,故开此篇以记之。

jrotty WeChat Pay

微信打赏

jrotty Alipay

支付宝打赏

文章二维码

扫描二维码,在手机上阅读!

本文基于《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权
文章链接:http://sscai.club/index.php/archives/90/ (转载时请注明本文出处及文章链接)

微信开发
发表新评论
前篇 后篇
雷姆
拉姆