温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

小程序中如何使用wx.request发起请求

发布时间:2022-01-20 11:59:57 来源:亿速云 阅读:320 作者:清风 栏目:开发技术

这篇文章主要为大家展示了小程序中如何使用wx.request发起请求,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带大家一起来研究并学习一下“小程序中如何使用wx.request发起请求”这篇文章吧。

wx.request(OBJECT)


OBJECT参数说明:

参数名 类型 必填 说明
url String 开发者服务器接口地址
data Object、String 请求的参数
header Object 设置请求的 header , header 中不能设置 Referer
method String 默认为 GET,有效值:OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
dataType String 默认为 json。如果设置了 dataType 为 json,则会尝试对响应的数据做一次 JSON.parse
success Function 收到开发者服务成功返回的回调函数,res = {data: '开发者服务器返回的内容'}
fail Function 接口调用失败的回调函数
complete Function 接口调用结束的回调函数(调用成功、失败都会执行)

success返回参数说明:

参数 说明 最低版本
data开发者服务器返回的数据  
statusCode开发者服务器返回的状态码  
header开发者服务器返回的 HTTP Response Header 1.2.0

data 数据说明 最终发送给服务器的数据是 String 类型,如果传入的 data 不是 String 类型,会被转换成 String 。转换规则如下:

  • 对于 header['content-type'] 为 'application/json' 的数据,会对数据进行 JSON 序列化

  • 对于 header['content-type'] 为 'application/x-www-form-urlencoded' 的数据,会将数据转换成 query string (encodeURIComponent(k)=encodeURIComponent(v)&encodeURIComponent(k)=encodeURIComponent(v)...)

示例代码:

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

返回值:

基础库 1.4.0 开始支持,低版本需做兼容处理

返回一个requestTask对象,通过requestTask,可中断请求任务。

requestTask 对象的方法列表:

方法 参数 说明 最低版本
abort   中断请求任务 1.4.0

示例代码:

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

requestTask.abort() // 取消请求任务

Bug & Tip

  1. tip: content-type 默认为 'application/json'

  2. bug: 开发者工具0.10.102800版本,headercontent-type设置异常;

  3. tip: 客户端的 HTTPS TLS 版本为1.2,但Android的部分机型还未支持 TLS 1.2,所以请确保 HTTPS 服务器的 TLS 版本支持1.2及以下版本;

  4. tip: 要注意 method 的 value 必须为大写(例如:GET);

  5. tip: url 中不能有端口;

  6. tip: request 的默认超时时间和最大超时时间都是 60s

  7. tip: request 的最大并发数是 5

  8. tip: 网络请求的 referer 是不可以设置的,格式固定为 https://servicewechat.com/{appid}/{version}/page-frame.html,其中{appid}为小程序的 appid,{version}为小程序的版本号,版本号为 0 表示为开发版。

小程序的优势是什么

小程序相对于开发者来说,开发难度较低,可节约开发和运营成本,让开发者可以快速地开发一个小程序。并且小程序可在微信内被便捷地获取和传播,能够满足基础的生活应用,符合生活服务类线下商铺以及非刚需低频应用的转换。对于用户而言,能够节约使用时间成本和手机内存空间,同时具有优异的使用体验。

以上就是关于“小程序中如何使用wx.request发起请求”的内容,如果该文章对您有所帮助并觉得写得不错,劳请分享给您的好友一起学习新知识,若想了解更多相关知识内容,请多多关注亿速云行业资讯频道。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI