微信小程序发起请求

小小咸鱼YwY

发布于 2020-06-19 16:05:58

8230

发布于 2020-06-19 16:05:58

一.示例代码

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

注意:如果进行本地测试请在右上角详情>本地设置>不校验合法性打钩

二.参数

微信官方解释

参数

属性	类型	默认值	必填	说明
url	string		是	开发者服务器接口地址
data	string/object/ArrayBuffer		否	请求的参数
header	Object		否	设置请求的 header，header 中不能设置 Referer。content-type 默认为 application/json
method	string	GET	否	HTTP 请求方法
dataType	string	json	否	返回的数据格式
responseType	string	text	否	响应的数据类型
success	function		否	接口调用成功的回调函数
fail	function		否	接口调用失败的回调函数
complete	function		否	接口调用结束的回调函数（调用成功、失败都会执行

object.dataType 的合法值

值	说明
json	返回的数据为 JSON，返回后会对返回的数据进行一次 JSON.parse
其他	不对返回的内容进行 JSON.parse

object.success 回调函数

参数

Object res

属性	类型	说明
data	string/Object/Arraybuffer	开发者服务器返回的数据
statusCode	number	开发者服务器返回的 HTTP 状态码
header	Object	开发者服务器返回的 HTTP Response Header

三.地址配置小技巧

如果说这个地址不确定,正式上线可能会变,调试的时候本机调试

app.js中globalData进行设置

  globalData: {
    userInfo: null,
    host:"http://127.0.0.1:8000/"
  }

调试组件的js中设置

var app = getApp()
........
click:function(){
    wx.request({
      url: app.globalData.host+'test', // 仅为示例，并非真实的接口地址
        ......  
      }
    })
  },

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2019-09-24 ，如有侵权请联系 cloudcommunity@tencent.com 删除

编程算法