微信小程序学习第3天——网络数据请求

离奇6厘米

已于 2023-02-03 19:24:40 修改

阅读量904

点赞数

分类专栏：小程序文章标签：微信小程序学习网络

于 2023-02-02 20:12:47 首次发布

本文链接：https://blog.csdn.net/Vest_er/article/details/128856284

版权

小程序专栏收录该内容

11 篇文章 2 订阅

订阅专栏

一、小程序网络请求限制

1、必须https类型的接口
2、必须将接口的域名添加到信任列表中
在这里插入图片描述

二、配置request合法域名

配置步骤：登录微信小程序管理后台 -> 开发 -> 开发设置 -> 服务器域名 -> 修改 request 合法域名
在这里插入图片描述
点击修改request合法域名，点击保存（其他不用管）

在微信开发者工具中，可以看到

三、发起网络请求

1、wx.request() 方法

wx.request() 方法，可以发起 GET 和POST数据请求

// .WXML文件
<button bindtap="btn">按钮</button>

// .js文件
btn(){
   wx.request({
     url: 'url',
     data: data,
     method: method,
     success: (result) => {},
   })
 },

2、onLoad事件

在很多情况下，需要在页面刚加载的时候，自动请求一些初始化的数据，可以使用onLoad事件调用获取数据的函数

Pages({
	//  生命周期函数--监听页面加载
	onLoad(){
		this.btn();
	}
})

3、跳过request合法域名校验

如果没有https的接口，可以通过在临时开启「开发环境不校验请求域名、TLS 版本及 HTTPS 证书」选项，跳过 request 合法域名的校验。
在这里插入图片描述

4、关于跨域和Ajax的说明

跨越问题存在于基于浏览器的web开发中，小程序的宿主是微信客户端，因此不存在跨域问题。

Ajax技术的核心是XMLHttpRequest对象，而Ajax 技术的核心是依赖于浏览器中的 XMLHttpRequest 这个对象，因此小程序中不能叫做“发起 Ajax 请求”，而是叫做“发起网络数据请求”