今天刚开始使用微信小程序,使用微信小程序请求数据的时候,我遇到的小的bug,在这里分享一下,希望可以帮助每个新手。
1、就是在后台添加一个域名接口(在这里我以豆瓣官网为例)
先看代码:(这是完整的案例,可以拿到数据的)
//这是小程序的一个生命周期,就是在进入这个页面的时候,就会请求一次数据
onLoad: function () {
this.getGoods();
},
//获取数据
getGoods() {
//url地址
let url = "https://api.douban.com/v2/movie/in_theaters?apikey=0b2bdeda43b5688921839c8ecb20399b"
//微信小程序请求数据的方式
wx.request({
url: url,
//参数
data: {
start: 0,
count: 10
},
//设置请求头信息
header: {
'content-type': 'appLication/text'
},
//拿到请求成功的信息
success:(res)=> {
//使用解构赋值的方式拿到状态和数据
let {
statusCode,
data
} = res;
let {
subjects
} = data;
//根据拿到的状态码来拿数据
if (statusCode === 200) {
that.setData({
goods:subjects
})
}
}
})
}
在此之前,它的报错的原因,如图所示:
解决方案:
- 第一步:打开微信小程序的官方===>登录,并打开后台的开发 => 找到开发设置 =>在这里找到服务器域名=>点击修改,把你要添加的接口添加进去就行==>这就可以解决上面的问题
- 下面是我的一些的简单的提示,不全
2、解决400的问题(就是这个小的问题)
解决方案: