微信小程序发起请求

一.示例代码

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', // 仅为示例，并非真实的接口地址
        ......  
      }
    })
  },