title: RequestTask

sidebar_label: RequestTask

网络请求任务对象

方法

abort

中断请求任务

参考文档

  1. () => void

API 支持度

API 微信小程序 H5 React Native
RequestTask.abort ✔️

offHeadersReceived

取消监听 HTTP Response Header 事件

参考文档

  1. (callback: (res: CallbackResult) => void) => void
参数 类型 说明
callback (res: CallbackResult) => void HTTP Response Header 事件的回调函数

API 支持度

API 微信小程序 H5 React Native
RequestTask.offHeadersReceived ✔️

onHeadersReceived

监听 HTTP Response Header 事件。会比请求完成事件更早

参考文档

  1. (callback: (result: OnHeadersReceivedCallbackResult) => void) => void
参数 类型 说明
callback (result: OnHeadersReceivedCallbackResult) => void HTTP Response Header 事件的回调函数

API 支持度

API 微信小程序 H5 React Native
RequestTask.onHeadersReceived ✔️

参数

OnHeadersReceivedCallbackResult

参数 类型 说明
header Record<string, any> 开发者服务器返回的 HTTP Response Header

示例代码

示例 1

回调函数(Callback)用法:

  1. const requestTask = Taro.request({
  2. url: 'test.php', //仅为示例,并非真实的接口地址
  3. data: {
  4. x: '' ,
  5. y: ''
  6. },
  7. header: {
  8. 'content-type': 'application/json' // 默认值
  9. },
  10. success: function (res) {
  11. console.log(res.data)
  12. }
  13. })
  14. requestTask.abort()

示例 2

Promise 用法:

  1. const requestTask = Taro.request({
  2. url: 'test.php', //仅为示例,并非真实的接口地址
  3. data: {
  4. x: '' ,
  5. y: ''
  6. },
  7. header: {
  8. 'content-type': 'application/json' // 默认值
  9. },
  10. success: function (res) {
  11. console.log(res.data)
  12. }
  13. })
  14. requestTask.then(res => {
  15. console.log(res.data)
  16. })
  17. requestTask.abort()

示例 3

async/await 用法:

  1. const requestTask = Taro.request(params)
  2. const res = await requestTask
  3. requestTask.abort()

API 支持度

API 微信小程序 H5 React Native
RequestTask.abort ✔️
RequestTask.offHeadersReceived ✔️
RequestTask.onHeadersReceived ✔️