码迷,mamicode.com
首页 > 微信 > 详细

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

时间:2019-07-30 00:21:19      阅读:148      评论:0      收藏:0      [点我收藏+]

标签:content   lis   androi   xxxx   pre   方案   stc   日记   style   

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

 

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

标签:content   lis   androi   xxxx   pre   方案   stc   日记   style   

原文地址:https://www.cnblogs.com/Lu-Yuyang/p/11267289.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!