微信小程序数据请求:前端开发的重要操作,与 Ajax 请求有何不同?

2024-07-26
来源:网络整理

各位观众您好,这里是前端小刘不怕牛牛频道,小程序系列已经更新了新文章,上面我们讲解了微信小程序的全球配置和本地配置,所以今天我们一起来学习一下微信小程序的数据请求,这是做好小程序的交互效果和绑定数据的动态获取和变化的重要操作!!

准备好了吗?那我们走吧,赶紧拿起小笔记本做笔记吧!

文章目录

数据请求

如你所知,在Web的前端开发中是有数据请求的,我们也学习和使用过Ajax请求。首先,网页的环境是浏览器,小程序的环境是微信客户端,网页需要考虑跨域问题,小程序不需要考虑跨域问题。

同时,微信的数据请求不叫Ajax请求,为什么呢?因为 Web 端的 Ajax 是基于这个对象的,而微信小程序没有这个对象,所以微信小程序的数据请求不是 Ajax 请求,而是网络数据请求,但也不叫误~~

关于数据请求的作用,其实会有一般的交互效果的数据请求,用户的行为会通过某个参数传递,然后被识别出来,小程序会通过做相应的展示来完成业务。数据请求可用于数据的动态呈现、数据的初始化、逻辑层的内部判断等。

1. 限制

出于安全考虑,官方为数据请求的接口设置了两个条件,具体如下。

二、配置有效的域名

很简单,我们只需要登录微信小程序管理后台,然后在开发->开发设置->服务器域名中进行修改即可。

如果这是您第一次配置它,您还需要进行身份验证。

域名小贴士

域名已经设置好了,那么我们该如何发送请求呢?

3. 发起 GET 和 POST 请求

微信小程序请求后端数据_微信小程序开发数据请求_微信小程序开发者数量

在微信小程序中,网络数据请求是通过顶级对象 wx 的 () 方法发送的,比如 GET 请求。

结构如下:

wx.request({ url : "域名", //需要在信任列表中 method : "GET", data : { //放请求的数据 }, success : (res)=>{ //请求成功后的调用的回调函数 } })

POST 请求的结构和 GET 的结构是一样的,只需要把值改成 POST,这对于博主来说并不多做演示。

第四,页面刚刚加载了请求数据

有时,我们需要在页面加载时发出数据请求,以帮助渲染页面的初始屏幕。

而这个应该怎么实现呢,其实我们可以使用页面的事件,当页面加载后触发事件,然后我们把事件处理器放进去,事件处理器就可以有我们的数据请求,这样在页面加载的时候就请求了数据。

onLoad: function(options){ //数据请求操作 }

5.跳过合法域名的验证在

开发项目时,无法确定前后端的进度,有时后端伙伴只提供了一个HTTP类型的接口,但是没有接口类型,而且前端无法调试,会影响项目的进度。

这个时候,我们可以暂时开启【开发环境不校验请求域名、TLS版本和证书】按钮,如下图所示,打开后,在微信开发者工具或手机中打开小程序时,服务器域名校验、TLS版本和证书校验将不会进行, 这意味着我们可以使用 HTTP 协议接口。

但需要注意的是,在线版本还是需要验证服务器域名的,以上仅作为开发者使用。

今天的小程序文章到此结束,如果你觉得对你有帮助的话,可以关注牛牛的下一篇文章,感谢大家的支持,你的支持是我创作的最大动力!!

看~~

分享