微信小程序踩坑日记4——真机端解析json数组和开发平台不一样

Posted 2022-05-26 lu-yuyang

0. 引言

　　环境：访问服务器端php，获取json数组，并渲染在前台

　　问题描述：保证在开发平台上的正常运行，但是在真机端却出现了无法正确解析wx.request()返回的数据（特指无法解析res.data的json数组）

1. 解决方案

　　保证在开发平台的正确解析

　　问题自然而然引向了对string和json之间的转换问题，这里得益于这篇网友的博文。

　　但是，res.data在开发平台上显示的是object，而在真机端却显示的string，所以我们需要先判断开发平台，在转换类型。

 

// 查看平台
wx.getSystemInfo(
    success: (res) => 
        console.log("开发平台: " + res.platform);
        that.setData(
            platform: res.platform
        )
    
)

 

wx.request(
    url: ‘https://xxxx/xxx.php‘,
    method: "GET",
    dataType: "json",// 推荐加上这一行，虽然是默认值
    header: 
        ‘content-type‘: ‘application/json‘
    ,
    success: (res) => 
        let ans = res.data;
        console.log("数据库访问成功")
        if (that.data.platform == "android") 
            let str = ans.replace(/\ufeff/g, "");//去除反斜杠
            ans = JSON.parse(str);//string转object
        
        // 设置回调函数
        if (this.getGoodListCallback) 
            this.getGoodListCallback(ans)
        
    ,
    fail: (e) => 
        console.log("数据库访问失败")
        console.log(e)
    
)