微信小程序发起请求_心病_前端开发者

一.示例代码

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

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 接口调用结束的回调函数(调用成功、失败都会执行
属性 类型 默认值 必填 说明 属性 类型 默认值 必填 说明 属性 类型 默认值 必填 说明 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 否 接口调用结束的回调函数(调用成功、失败都会执行 url string 是 开发者服务器接口地址 url string 是 开发者服务器接口地址 data string/object/ArrayBuffer 否 请求的参数 data string/object/ArrayBuffer 否 请求的参数 header Object 否 设置请求的 header,header 中不能设置 Referer。content-type 默认为 application/json header Object 否 设置请求的 header,header 中不能设置 Referer。content-type 默认为 application/json

content-typeapplication/json

method string GET 否 HTTP 请求方法 method string GET 否 HTTP 请求方法 dataType string json 否 返回的数据格式 dataType string json 否 返回的数据格式 responseType string text 否 响应的数据类型 responseType string text 否 响应的数据类型 success function 否 接口调用成功的回调函数 success function 否 接口调用成功的回调函数 fail function 否 接口调用失败的回调函数 fail function 否 接口调用失败的回调函数 complete function 否 接口调用结束的回调函数(调用成功、失败都会执行 complete function 否 接口调用结束的回调函数(调用成功、失败都会执行

object.dataType 的合法值

object.dataType 的合法值

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

object.success 回调函数

object.success 回调函数

参数

参数

Object res

Object res

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

三.地址配置小技巧

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

app.jsglobalData进行设置

app.jsglobalData

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

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

调试组件的js中设置

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

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

» 本文来自:前端开发者 » 《微信小程序发起请求_心病_前端开发者》
» 本文链接地址:https://www.rokub.com/73363.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!