手机扫码查看
- 小程序中网络数据请求的限制
出于安全性方面的考虑，小程序官方对数据接口的请求做出了如下两个限制：
1、只能请求 https 类型的接口
2、必须将接口的域名添加到信任列表里（右上角详情—>项目配置–>域名信息） - 发起GET请求
调用微信小程序提供的 wx.request() 方法，可以发起 GET数据请求，代码如下：
xxx.wxml
<button bindtap=”ajax”>获取请求</button>
xxx.js
ajax(){
wx.request({
url: ‘https://www.escook.cn/api/get’,
method:’GET’,
data:{
name:’demo’,
age:20
},
success:(res) =>{
console.log(res.data)
}
})
},
3. 发起 post 请求
xxx.wxml
<button bindtap=”ajax”>获取请求</button>
xxx.js
ajax(){
wx.request({
url: ‘https://www.escook.cn/api/post’,
method:’POST’,
data:{
name:’demo’,
age:20
},
success:(res) =>{
console.log(res.data)
}
})
},
5. 在页面刚加载时请求数据
在很多情况下，我们需要在页面刚加载的时候，自动请求一些初始化的数据。
此时需要在页面的 onLoad 事件中调用获取数据的函数，代码如下：
此时需要在页面的 onLoad 事件中调用获取数据的函数，代码如下：
xxx.js
onLoad: function (options) {
this.ajax()
},
6. 跳过 request 合法域名效验
如果后端程序员仅仅提供了 http 协议的接口、暂时没有提供 https协议的接口。
此时为了不耽误开发的进度，我们可以在微信开发者工具中，临时开启「开发环境不校验请求域名、TLS 版本及HTTPS证书 选项
跳过request合法域名的校验。
此时为了不耽误开发的进度，我们可以在微信开发者工具中，临时开启「开发环境不校验请求域名、TLS 版本及HTTPS证书 选项
跳过request合法域名的校验。
- 本页地址 http://www.evshou.com/?p=3265
- 上一篇 <<微信小程序之全局配置tabBar
- 下一篇 >>微信小程序之九宫格布局
发表评论