uni-app 发起网络请求(二)

逻辑沙漏
• 阅读 12817

uni.request(OBJECT)
发起网络请求。

OBJECT 参数说明

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

参数 类型 说明
data Object/String/ArrayBuffer 开发者服务器返回的数据
statusCode Number 开发者服务器返回的 HTTP 状态码
header Object 开发者服务器返回的 HTTP Response Header
data 数据说明

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

对于 GET 方法,会将数据转换为 query string。例如 { name: 'name', age: 18 } 转换后的结果是 name=name&age=18。
对于 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: 18
},
header: {
    'custom-header': 'hello' //自定义请求头信息
},
success: function (res) {
    console.log(res.data);
}

});
返回值

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

requestTask 对象的方法列表

方法 参数 说明
abort   中断请求任务
示例

const requestTask = uni.request({

url: 'https://www.example.com/request', //仅为示例,并非真实接口地址。
data: {
    name: 'name',
    age: 18
},
success: function (res) {
    console.log(res.data);
}

});

// 中断请求任务
requestTask.abort();
Tips

请求的 header 中 content-type 默认为 application/json。

点赞
收藏
评论区
推荐文章
开放API接口签名验证,让你的接口从此不再裸奔
接口安全问题请求身份是否合法?请求参数是否被篡改?请求是否唯一?AccessKey&SecretKey(开放平台)请求身份为开发者分配AccessKey(开发者标识,确保唯一)和SecretKey(用于接口加密,确保不易被穷举,生成算法不易被猜测)。防止篡改参数签名1.按照请求参数名的字母升序排列非空请求参数(包含AccessK
Stella981 Stella981
3年前
AFNetworking源码分析
不用网络框架进行网络请求NSURLConnection的简单使用(下面的代码均只为了演示,更详细的使用方法请自行谷歌)NSURLConnection提供了两个类方法用于发起同步或异步请求,对于异步请求来说必然是在子线程中发起,若在主线程中发起异步网络请求会造成主线程阻塞,界面无响应,这就涉及到多线程编程。但多线程编程
Stella981 Stella981
3年前
Linux模拟HTTP请求
一个简单的GET请求使用curl命令可以轻松发起一个HTTP请求:使用GET凡是请求网址curlhttp://www.baidu.com可以使用X选项指定请求方式携带参数的POST请求下面演示一个带头部和参数的POST请求curlXPOST\'http://u
Easter79 Easter79
3年前
SpringMVC(五):@RequestMapping下使用@RequestParam绑定请求参数值
在处理方法入参使用@RequestParam可以把请求参数传递给请求方法,@RequestParam包含的属性值:\value:参数名称\required:是否必须,默认为true,表示请求参数中必须包含对应的参数,否则抛出异常。\defaultValue:当请求参数缺少或者有请求参数但值为空时,值采用该设置值。示
Easter79 Easter79
3年前
SpringMVC 页面传递参数到controller的五种方式
一共是五种传参方式:一:直接将请求参数名作为Controller中方法的形参public Stringlogin(Stringusername,Stringpassword) :解释:括号中的参数必须与页面Form表单中的name名字相同二:使用@RequestParam绑定请求参数参数值举例:publicStri
Stella981 Stella981
3年前
Django之ajax(jquery)封装(包含 将 csrftoken 写入请求头方法)
由于支持问题,未使用es6语法\_ajax.js/发起请求@paramurl请求地址@paramdata请求数据{}json格式@paramtype请求类型get|post@paramsuccess请求成功回调方法(如果支持e
Stella981 Stella981
3年前
Android中使用OkHttp的五种请求方式及注意事项
文章目录一、环境说明1、在gradle中引入依赖2、AndroidManifest中开启网络权限3、搭建测试接口4、编写OkHttp工具类二、发送请求1.发送无参的Get请求
Stella981 Stella981
3年前
SpringBoot2 学习10 Controller接收参数的方式
地址传值@PathVariable获取路径参数。即url/{id}这种形式。?传值@RequestParam获取查询参数。即url?name这种形式用注解@RequestParam绑定请求参数到方法入参当请求参数username不存在时会有异常发生,可以通过设置属性requiredfalse解决,例如:@R
Easter79 Easter79
3年前
SpringBoot2 学习10 Controller接收参数的方式
地址传值@PathVariable获取路径参数。即url/{id}这种形式。?传值@RequestParam获取查询参数。即url?name这种形式用注解@RequestParam绑定请求参数到方法入参当请求参数username不存在时会有异常发生,可以通过设置属性requiredfalse解决,例如:@R
Stella981 Stella981
3年前
Nginx简单手册
Nginx变量变量名注解$arg\_name请求中的的参数名,即“?”后面的arg\_namearg\_value形式的arg\_name$args 请求中的参数值$binary\_remote\_addr  客户端地址的二进制形式,固定长度为4个字节 $body\_bytes\_s
liam liam
1年前
全面解读 Axios 的 GET 请求:最佳实践
在进行网络请求时,是一个非常常用的请求库。本文将介绍如何使用axios发起GET请求,并详细列出传参的几种写法。同时会提供一个实践案例,其中包含基本路由与请求处理的过程,并确保在IDE编辑器中可以顺利运行。什么是axios的GET请求?在开始之前,让我们简