微信小程序网络数据请求服务实现详解
更新时间：2022年10月25日 14:28:38 作者：小余努力搬砖
这篇文章主要介绍了微信小程序网络数据请求服务，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习吧
一、小程序中网络数据请求的限制
出于安全性方面的考虑，小程序官方对数据接口的请求做出了如下
两个限制:
1.只能请求HTTPS类型的接口
2.必须将接口的域名添加到信任列表中
二、配置request合法域名
需求描述:假设在自己的微信小程序中,希望请求https:/ /www.yzq2ty.cn/域名下的接口
配置步骤:登录微信小程序管理后台->开发->开发设置->服务器域名->修改request合法域名
注意事项:
1.域名只支持https协议
2.域名不能使用IP地址或localhost
3.域名必须经过ICP备案
4.服务器域名一个月内最多可申请5次修改
三、发起GET请求
uni.request({
url:baseURL+options.url,
method:options.method || 'GET',
data:options.data ||{},
header:options.header||{},
dataType:options.dataType||'json',
success: (res) => {
resolve(res.data)
},
fail:(err)=>{
reject(err)
}
})四、发起POST请求
我的项目在登录时，需要发起POST请求
import request from '../utils/request.js'
export function getLogin(username,password){
return request({
url:'/login',
method:'POST',
data:{
username,password
}
})
}五、在页面刚加载时请求数据
在很多情况下，我们需要在页面刚加载的时候，自动请求- -些初始化的数据 。此时需要在页面的onLoad事件中调用获取数据的函数,示例代码如下:
onLoad() {
uni.getSystemInfo({//获取系统信息
success: (res) => {
// #ifdef H5
this.scrollH = res.windowHeight - uni.upx2px(88)
//#endif
// #ifndef H5
this.scrollH = res.windowHeight - uni.upx2px(225)
//#endif
}
}),
this.gethome()
this.qqmapsdk = new QQMapWX({
key: '3SUBZ-W5BCQ-FLM5G-GYOPG-D523V-DUFNH'
});
},六、跳过request合法域名校验
如果后端程序员仅仅提供了http协议的接口、暂时没有提供https协议的接口。
此时为了不耽误开发的进度,我们可以在微信开发者工具中，临时
开启「开发环境不校验请求域名、TLS版本及HTTPS证书」
跳过request合法域名的校验。
七、关于跨域和Ajax的说明
跨域问题只存在于基于浏览器的Web开发中。由于小程序的宿主环境不是浏览器,而是微信客户端，所以小程序中不存在跨域的问题。
Ajax技术的核心是依赖于浏览器中的XMLHttpRequest这个对象，由于小程序的宿主环境是微信客户端，所以小程序中不能叫做“ 发起Ajax请求”，而是叫做“ 发起网络数据请求”。
到此这篇关于微信小程序网络数据请求服务实现详解的文章就介绍到这了,更多相关小程序数据请求内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
点击按钮或链接时不跳转只刷新页面，在某些情况下还是比较实用的，下面整理些不错的示例，感兴趣的朋友可以参考下2013-10-10
这篇文章主要介绍了javascript计算渐变颜色的实例的相关资料,希望通过本文能帮助到大家，让大家理解掌握这部分内容，需要的朋友可以参考下2017-09-09
JavaScript判断FileUpload控件上传文件类型
在CS后台代码中获取FileUpload控件上传文件的类型是比较容易的！那么，能否在客户端通过JavaScript脚本判断FileUpload上传文件类型呢？答案是可以的，下面通过一个小例子为大家展示2015-09-09
这篇文章主要介绍了JS 数字转换实现方法，需要的朋友可以参考下2013-12-12
这篇文章主要介绍了微信小程序使用GoEasy实现websocket实时通讯的方法，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-05-05
在网页中实时的显示时间，不但可以给网页添色，还可以方便浏览者掌握当前时间，为了提高网站的开发速度，可以把主代码封装在一个单独的函数里面，在需要的时候直接调用而我为了演示，直接写在了主页面，方便大家观看2015-04-04
这篇文章主要为大家详细介绍了H5图片压缩与上传的实例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-04-04
在开发中可能有遇到过屏幕录制的需求,无论是教学、演示还是游戏录制,都需要通过屏幕录制来记录和分享内容,MediaRecorder 是一种强大的技术,可以在浏览器端实现屏幕录制功能,本文将介绍如何使用JS MediaRecorder 实现屏幕录制,需要的朋友可以参考下2023-11-11
这篇文章主要为大家详细介绍了JavaScript代码实现简单日历效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-04-04
这篇文章主要介绍了HTML5 JS压缩图片并获取图片BASE64编码上传方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-11-11
最新评论