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

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) {

  },
  errorfunction(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函数,故开此篇以记之。

posted @ 2020-04-17 20:18  niceyoo  阅读(1268)  评论(0编辑  收藏  举报