初识小程序-网路请求

412 阅读1分钟

小程序中网络请求限制

  1. 只能请求https类型的接口
  2. 必须将接口的域名添加到信任列表

配置request合法域名

需求描述:假设在小程序中,希望请求https://www.escook.cn/域名下的接口。

配置步骤: 微信小程序管理后台->开发->开发管理->开发设置->服务器域名->修改request合法域名

image.png 修改后开发工具里的域名信息更新

image.png 注意:

  1. 域名只支持https协议
  2. 域名不能使用IP地址或localhost
  3. 域名必须经过ICP备案
  4. 服务器域名一个月内最多可申请50次修改

发起GET请求

调用微信小程序wx.request()方法,可以发起GET数据请求,示例代码如下:

    wx.request({
      url: 'https://applet-base-api-t.itheima.net/api/get',
      method:"GET",
      data:{
        name:"zs",
        age:20
      },
      success:(res)=>{
        console.log(res);
      }
    })

发起POST请求

    wx.request({
      url: 'https://applet-base-api-t.itheima.net/api/post',
      method:"POST",
      data:{
        name:"ls",
        age:30
      },
      success:(res)=>{
        console.log(res);
      }
    })

请求初始化数据

onLoad事件中调取获取数据函数

跳过合法域名校验

为了不影响开发进度,可以临时开启开发环境不校验请求域名、TLS版本及HTTPS证书选项,跳过request合法域名校验。注:仅限开发与调试阶段使用

image.png

关于跨域问题和ajax的说明

跨域问题只存在于基于浏览器的web开发中。由于小程序的宿主环境不是浏览器,而是微信客户端,所以小程序中不存在跨域的问题

Ajax技术的核心是依赖于浏览器中的XMLHttpRequest这个对象,由于小程序的宿主环境是微信客户端,所以小程序中不能叫做“发起ajax请求”,而是叫做“发起网络请求