微信小程序中的数据请求

1.小程序中网络数据请求的限制
出于安全性方面的考虑,小程序官方对数据接口的请求做出了如下两个限制:
①只能请求HTTPS类型的接口
②必须将接口的域名添加到信任列表中

 2.配置request合法域名

配置步骤:登录微信小程序管理后台->开发->开发设置->服务器域名->修改request合法域名
注意事项:
①域名只支持 https协议
②域名不能使用IP地址或 localhost
③域名必须经过ICP备案
④服务器域名一个月内最多可申请5次修改

3.发送GET请求 (需保证接口有效)

<button bindtap="ipt" type="primary">发送GET请求</button>


ipt(){
  wx.request({
    url: 'https://www.escook.cn/api/get',
    method:'GET',
    data:{
      name:'zs',
      age:28
    },
      success : (res) => {
      console.log(res.data)
      }
  })
},

4.发起POST请求

<button bindtap="ipt" type="primary">发送POST请求</button>

ipt(){
  wx.request({
    url: 'https://www.escook.cn/api/get',
    method:'POST',
    data:{
      name:'zs',
      age:28
    },
      success : (res) => {
      console.log(res.data)
      }
  })
},

5.在页面刚加载时请求数据

        在很多情况下,我们需要在页面刚加载的时候,自动请求一些初始化的数据。此时需要在页面的onLoad事件中调用获取数据的函数。

  onLoad(options) {
    this.ipt()
  },

5.跳过request合法域名校验
        如果后端程序员仅仅提供了http 协议的接口、暂时没有提供https协议的接口。
        此时为了不耽误开发的进度,我们可以在微信开发者工具中,临时开启「开发环境不校验请求域名、TLS版本及HTTPS证书」选项,跳过request合法域名的校验。

6.关于跨域Ajax的说明
        跨域问题只存在于基于浏览器的web开发中。由于小程序的宿主环境不是浏览器而是微信客户端,所以小程序中不存在跨域的问题。
        Ajax技术的核心是依赖于浏览器中的XMLHttpRequest这个对象,由于小程序的宿主环境是微信客户端,所以小程序中不能叫做“发起Ajax请求”,而是叫做“发起网络数据请求”。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值