uni.request网络请求

本文介绍了uni.request()方法的使用,包括OBJECT参数的详细说明,数据转换规则,特别是不同HTTP方法下数据处理方式,如GET和POST的数据序列化处理。并提供了一个示例来展示如何使用uni.request进行网络请求。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

uni.request(OBJECT)

OBJECT 参数说明

参数名类型必填默认值说明
urlString开发者服务器接口地址
dataObject/String/ArrayBuffer请求的参数
headerObject设置请求的 header,header 中不能设置 Referer。
methodStringGET(需大写)有效值:OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
dataTypeStringjson如果设为 json,会尝试对返回的数据做一次 JSON.parse
responseTypeStringtext设置响应的数据类型。合法值:text、arraybuffer
successFunction收到开发者服务成功返回的回调函数
failFunction接口调用失败的回调函数
completeFunction接口调用结束的回调函数(调用成功、失败都会执行)

success 返回参数说明

参数类型说明
dataObject/String/ArrayBuffer开发者服务器返回的数据
statusCodeNumber开发者服务器返回的 HTTP 状态码
headerObject开发者服务器返回的 HTTP Response Header

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

  • 对于 GET 方法,会将数据转换为 query string。例如 { name: ‘li’, age: 19 } 转换后的结果是 name=li&age=19
  • 对于 POST 方法且 header['content-type']application/json 的数据,会进行 JSON 序列化。
  • 对于 POST 方法且 header['content-type']application/x-www-form-urlencoded 的数据,会将数据转换为 query string。

示例

uni.request({
			    url: 'https://www.example.com/request', //仅为示例,并非真实接口地址。
			    data: {
			        name: 'name',
			        age: 19
			    },
			    header: {
			        'custom-header': 'hello' //自定义请求头信息
			    },
			    success: function (res) {
			        console.log(res.data);
			    }
			});

返回值
返回一个 requestTask 对象,通过 requestTask,可中断请求任务。
requestTask 对象的方法列表

方法说明
about中断请求任务
offHeadersReceived取消监听 HTTP Response Header 事件
onHeadersReceived监听 HTTP Response Header 事件。会比请求完成事件更早
const requestTask = uni.request({
			    url: 'https://www.example.com/request', //仅为示例,并非真实接口地址。
			    data: {
			        name: 'name',
			        age: 18
			    },
			    success: function (res) {
			        console.log(res.data);
			    }
			});
			 
			requestTask.abort();   // 中断请求任务
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值