微信小程序发起请求

摘要：注意:如果进行本地测试请在右上角详情>本地设置>不校验合法性打钩；地址配置小技巧如果说这个地址不确定,正式上线可能会变,调试的时候本机调试，app.js中globalData进行设置

一.示例代码

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

本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！

链接: https://shenqiku.cn/article/FLY_5507