微信小程序网络请求

216 阅读1分钟

微信网络请求api

小程序宿主环境要求request发起的网络请求必须是https协议请求,因此开发者服务器必须提供HTTPS服务的接口,同时为了保证小程序不乱用任意域名的服务,wx.request请求的域名需要在小程序管理平台进行配置,如果小程序正式版使用wx.request请求未配置的域名,在控制台会有相应的报错。


wx.request({
  url: 'url', //仅为示例,并非真实的接口地址
  data: {
    pag: '',
    count: ''
  },
  header: {
    'content-type': 'application/json' // 默认值
  },
  success (res) {
    console.log(res.data)
  }
})

OBJECT参数说明:

参数名类型必填说明
urlString开发者服务器接口地址
dataObject、String请求的参数
headerObject设置请求的 header , header 中不能设置 Referer
methodString默认为 GET,有效值:OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
successFunction收到开发者服务成功返回的回调函数,res = {data: '开发者服务器返回的内容'}
failFunction接口调用失败的回调函数
completeFunction接口调用结束的回调函数(调用成功、失败都会执行)

最简单的用法如下(以POST请求为例)

getImageList(){

    wx.request({

      url'https://api.apiopen.top/getWangYiNews'//仅为示例,并非真实的接口地址

      method:'POST',

      data: {
        page'1',

        count'5'

      },

      success:(res)=>{

        // console.log(res)

       let {result} =res.data;

       this.setData({
         lists:result.slice(0,5)
        })
        // console.log(res)
      }

    })

  },