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

一、小程序网络请求限制

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 请求”，而是叫做“发起网络数据请求”