小程序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) {
},
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函数,故开此篇以记之。