微信小程序数据请求的方式和注意事项详解

网友投稿 414 2023-11-12

目录1.小程序中网络数据请求的限制2.配置request合法域名3.发起GET请求4.发起POST请求5.在页面刚加载时请求数据6.跳过request合法域名校验7.关于跨域和Ajax的介绍

1.小程序中网络数据请求的限制

出于安全性方面的考虑,小程序官方对数据接口的请求做出了如下两个限制:

微信小程序数据请求的方式和注意事项详解

① 只能请求HTTPS类型的接口

② 必须将接口的域名添加到信任列表中

2.配置request合法域名

假设要在自己的微信小程序中,希望请求某一域名下的接口,则配置步骤如下:

登录微信小程序管理进后台->开发->开发管理->开发设置->服务器域名->修改request合法域名

注意事项:

① 域名只支持https协议

② 域名不能使用IP地址或localhost

③ 域名必须经过ICP备案

④ 服务器域名一个月内最多可申请修改5次

3.发起GET请求

调用微信小程序提供的wx.request()方法,可以发起GET数据请求。

首先设置好请求域名,然后操作如下:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<button type="primary" bindtap="Info">GET获取请求</button>
.js文件和data数据平级
Info(){
wx.request({
// 请求路径
url:"https://www.escook-/api/get",
// 请求方式
method:"GET",
// 发送到服务器的数据
data:{
name:"张三",
age:20
},
// 成功之后的回调函数
success:(res)=>{
console.log(res);
}
})
},

4.发起POST请求

调用微信小程序提供的wx.request()方法,可以发起POST数据请求

5.在页面刚加载时请求数据

在很多情况下,我们需要在页面刚加载的时候,自动请求一些初始化的数据。此时需要在页面的onLoad事件中调用获取数据的函数

?
1
2
3
4
5
6
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
this.PostInfo()
},

6.跳过request合法域名校验

如果后端仅仅提供了http协议的接口,暂时没有https接口,此时可以通过以下设置跳过request合法域名校验。

注意:仅在开发调试阶段使用。

7.关于跨域和Ajax的介绍

跨域问题只存在于基于浏览器的web开发中,由于小程序的宿主环境不是浏览器,而是微信客户端,所以小程序不存在跨域问题。

Ajax技术的核心是依赖于浏览器中的XMLHttpRequest这个对象,而小程序的宿主环境是微信客户端,所以小程序无法叫“发起Ajax请求”,而是叫“发起网络数据请求”。

您可能感兴趣的文章:微信小程序中如何使用store数据共享小程序中实现获取全部数据的图文教程微信小程序网络数据请求服务实现详解微信小程序前后端数据交互的详细图文教程微信小程序实现事件传参与数据同步流程详解微信小程序全局数据共享和分包图文详解微信小程序数据-使用实例详解

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:微信小程序实现全局状态管理的方法整理
下一篇:小程序页面间传参的五种方式实例详解
相关文章

 发表评论

暂时没有评论,来抢沙发吧~