小程序开发API之网络请求wx.reques、RequestTask网络请求任务对象及监听取消网络请求

wx.request(Object object)

发起 HTTPS 网络请求。使用前请阅读网络的使用及注意事项

wx.request参数

object.method 的合法值

object.dataType 的合法值

object.responseType 的合法值

Object res

data 参数说明

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

对于 GET 方法的数据，会将数据转换成 query string（encodeURIComponent(k)=encodeURIComponent(v)&encodeURIComponent(k)=encodeURIComponent(v)...）
对于 POST 方法且 header['content-type']为 application/json 的数据，会对数据进行 JSON 序列化
对于 POST 方法且 header[‘content-type’] 为 application/x-www-form-urlencoded的数据，会将数据转换成 query string （encodeURIComponent(k)=encodeURIComponent(v)&encodeURIComponent(k)=encodeURIComponent(v)...）

注：header 中 content-type 默认为 application/json

'application/json' 发送给服务器的数据，会对数据进行JSON序列化

header: {'content-type': 'application/json' // 默认值
},

"application/x-www-form-urlencoded" 发送给服务器的数据，会将数据转化成query string，在浏览器network里参数会放到Form Data里

header: {'content-type': 'application/x-www-form-urlencoded'
},

两种的却别在于区别于服务器是怎么解析数据的。

通常http的header()
header()函数的作用是：发送一个原始 HTTP 标头[Http Header]到客户端。
标头 (header) 是服务器以 HTTP 协义传 HTML 资料到浏览器前所送出的字串，在标头与 HTML 文件之间尚需空一行分隔。在 PHP 中送回 HTML 资料前，需先传完所有的标头。
常用header汇总：
header(‘Content-Type: text/html; charset=utf-8’); //网页编码
header(‘Content-Type: text/plain’); //纯文本格式
header(‘Content-Type: image/jpeg’); //JPG、JPEG
header(‘Content-Type: application/zip’); // ZIP文件
header(‘Content-Type: application/pdf’); // PDF文件
header(‘Content-Type: audio/mpeg’); // 音频文件
header(‘Content-type: text/css’); //css文件
header(‘Content-type: text/javascript’); //js文件
header(‘Content-type: application/json’); //json
header(‘Content-type: application/pdf’); //pdf
header(‘Content-type: text/xml’); //xml
header(‘Content-Type: application/x-shockw**e-flash’); //Flash动画

示例：

/*url    开发者服务器接口地址data   请求的参数header 中不能设置 Referer。content-type 默认为 application/jsonmethod:GET   HTTP 请求方法dataType:json  返回的数据格式responseType:text    响应的数据类型   success    接口调用成功的回调函数data  string/Object/Arraybuffer   开发者服务器返回的数据statusCode  number  开发者服务器返回的 HTTP 状态码header  Object  开发者服务器返回的 HTTP Response Headerfail       接口调用失败的回调函数complete   接口调用结束的回调函数（调用成功、失败都会执行）*/
Page({data: {},onLoad: function (options) {wx.request({url: 'https//www.test.php', // 仅为示例，并非真实的接口地址data: {x: '',y: ''},method: 'POST',header: {'content-type': 'application/json' // 默认值},success: function(res) {console.log(res.data)},fail: function (err) {},complete: function ()  {}})}
})

RequestTask

网络请求任务对象

方法

RequestTask.abort()

中断请求任务

RequestTask.onHeadersReceived(function callback)

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

RequestTask.offHeadersReceived(function callback)

取消监听 HTTP Response Header 事件

示例：

Page({data: {},onLoad: function (options) {const requestTask = wx.request({url: 'https//www.test.php', // 仅为示例，并非真实的接口地址data: {x: '',y: ''},method: 'POST',header: {'content-type': 'application/x-www-form-urlencoded'},success: function(res) {console.log(res.data)},fail: function (err) {},complete: function ()  {}})requestTask.abort() // 取消请求任务}
})

小程序开发API之网络请求wx.reques、RequestTask网络请求任务对象及监听取消网络请求相关推荐

小程序开发API之获取系统信息wx.getSystemInfo()、wx.getSystemInfoSync()
wx.getSystemInfo() 获取系统信息函数参数: 返回值: 例如: 写法一 index.js /*brand 设备品牌 model 设备型号pixelRatio 设备像素比screenW ...
小程序开发API之改变置顶栏文字内容 wx.setTopBarText（已停，只有旧版微信有效）
效果展示: wx.setTopBarText(Object object) 动态设置置顶栏文字内容.只有当前小程序被置顶时能生效,如果当前小程序没有被置顶,也能调用成功,但是不会立即生效,只有在用户将 ...
小程序开发API之监听加速计wx.startAccelerometer
加速传感器: 手机加速度传感器也叫运动传感器,它能捕捉手机的几种典型运动模式如摇晃.甩动.翻转等.达到用运动控制手机的目的. 举例来说,玩"沼泽竞技"和"空中快车&quo ...
微信小程序开发 | API应用案例（下）
API应用案例(下) 6.1[案例5]模拟时钟 6.1.1 案例分析 6.1.2 前导知识 6.1.3 钟表页面布局 6.1.4 钟表页面绘制 6.2[案例6]罗盘动画 6.2.1 案例分析 6.2. ...
微信小程序开发 | API应用案例（上）
API应用案例(上) 5.1[案例1]用户登录 5.1.1 案例分析 5.1.2 前导知识 5.1.3 搭建开发者服务器 5.1.4 实现用户登录 5.1.5 检查用户是否已经登录 5.1.6 获取用 ...
微信小程序开发API
微信小程序的内置API 本文内介绍的只是其中一部分,更多请参考官方文档地址界面API 交互 wx.showToast(Object object) 显示消息提示框属性: title属性==> ...
小程序开发API之数据上报、数据分析
数据上报 wx.reportMonitor(string name, number value) 自定义业务数据监控上报接口. 参数 string name 监控ID,在「小程序管理后台」新建数据指标 ...
小程序开发API之实时音视频
wx.createLivePlayerContext(string id, Object this) 创建 live-player 上下文 LivePlayerContext 对象. 参数string ...
小程序开发API之mDNS
mDNS 局域网通信 DNS和mDNS DNS(Domain Name System,域名系统)因特网上作为域名和IP地址相互映射的一个分布式数据库,能够使用户更方便的访问互联网,而不用去记住能够被机 ...