舒大少博客

一个95后少年的个人博客

当前时间为:
欢迎大家来到舒大少博客https://www.9713job.com,广告合作以及淘宝商家推广请微信联系15357240395

微信小程序之网络数据请求

2022-04-21 17:27:50
swq1822677238

手机扫码查看

微信小程序之网络数据请求
  1. 小程序中网络数据请求的限制
    出于安全性方面的考虑,小程序官方对数据接口的请求做出了如下两个限制:
    1、只能请求 https 类型的接口
    2、必须将接口的域名添加到信任列表里(右上角详情—>项目配置–>域名信息)
  2. 发起GET请求
    调用微信小程序提供的 wx.request() 方法,可以发起 GET数据请求,代码如下:

xxx.wxml

<button bindtap=”ajax”>获取请求</button>
xxx.js
ajax(){
    wx.request({
      url: ‘https://www.escook.cn/api/get’,
      method:’GET’,
      data:{
        name:’demo’,
        age:20
      },
      success:(res) =>{
        console.log(res.data)
      }
    })
  },
3. 发起 post 请求

xxx.wxml

<button bindtap=”ajax”>获取请求</button>
xxx.js
ajax(){
    wx.request({
      url: ‘https://www.escook.cn/api/post’,
      method:’POST’,
      data:{
        name:’demo’,
        age:20
      },
      success:(res) =>{
        console.log(res.data)
      }
    })
  },
5. 在页面刚加载时请求数据
在很多情况下,我们需要在页面刚加载的时候,自动请求一些初始化的数据。
此时需要在页面的 onLoad 事件中调用获取数据的函数,代码如下:
xxx.js
onLoad: function (options) {
    this.ajax()
  },
6. 跳过 request 合法域名效验
如果后端程序员仅仅提供了 http 协议的接口、暂时没有提供 https协议的接口。
此时为了不耽误开发的进度,我们可以在微信开发者工具中,临时开启「开发环境不校验请求域名、TLS 版本及HTTPS证书 选项
跳过request合法域名的校验。

发表评论

邮箱地址不会被公开。 必填项已用*标注