【 微信小程序 】网络数据请求

2024年4月28日 互联网

数据请求

  • 为了安全 只能请求HTTPS类型的接口
  • 必须将接口的域名添加到信任列表中
  • 小程序的宿主是微信客户端
    • 跨域问题只存在于浏览器的开发中
    • 小程序不存在跨域问题
    • 不能叫发起Ajax请求 叫做 发起网络数据请求

配置request合法域名

  • 微信公众平台 —> 开发管理 —> 开发设置 —> 服务器域名
    在这里插入图片描述

GET请求

配置request合法域名
在这里插入图片描述
详情 ---> 项目配置 (刷新)
在这里插入图片描述
请求数据

// 结构部分 xxx.wxml
<view><button bindtap="getData">请求数据</button>
</view>// 请求数据  xxx.js
Page({getData(){wx.request({// 基于https的接口地址 配置了request合法域名url: 'https://elm.cangdu.org/v1/cities?type=group',// 请求方法methods:"GET",// 传递给服务器的数据data:{},// 请求成功执行的回调函数success(data){console.log(data);}})},
})

在这里插入图片描述
在页面刚加载的时候请求数据

Page({// 数据data:{},// 请求数据的函数getData(){},// 生命周期函数 监听页面加载 与created差不多onLoad(option){this.getData()}
})

跳过request合法域名校验

仅限在开发与调试阶段
展示没有https协议的接口
微信开发者工具 临时开启 开发环境不校验请求域名、TLS版本及HTTPS证书选项
微信开发者工具 ---> 详情 ---> 本地设置
在这里插入图片描述

最新文章