Uniapp之发送请求

2022年4月5日 372点热度 0人点赞 0条评论
图片



1

如何在uniapp中发送请求


在uniapp中提供一个封装好的API,即uni.request()

在方法中写入uni.request()即可调用该接口。


图片


如图所示,一个完整的uni.request()应包含以下信息

url:接受请求的接口地址,由后端提供

method:请求方式,要求大写(如GET,POST)

data:请求的参数

header:请求头

success:请求成功的回调函数

fail:请求失败的回调函数



2

请求头如何设置


一般情况下,只需设置Content-Type(内容类型)

如图:


图片


Content-Type常用值

application/json                       

JSON数据格式

application/x-www-form-urlencoded   

表单默认的提交数据的格式

application/octet-stream       

二进制流数据(如文件下载),想了解更多请前往

https://www.runoob.com/http/http-content-type.html



3

如何接收后端返回的数据


图片


如图,若请求成功,就会调用该函数,打印res信息

图片


上图就是登录请求成功时获取的res,后端返回的数据就在其中


图片


展开data字段,会发现里面还有一个data,里面的东西就是我们想要获取的数据。


图片


返回的数据全都放在json对象里面,因此我们只要定义一个json对象赋值即可。(图中为data)


图片


打印一下,看看是否成功获取


图片


如图,获取成功

以上,就是关于uniapp如何发送请求的内容,有兴趣的同学还可以查看uniapp官网,学习更多详细内容,谢谢大家。


官网链接:

https://uniapp.dcloud.io/api/request/request.html#request



长按识别二维码,关注小霞

图片



文案 /  洪阳

排版 /  李佳铠

审核 /  钟晓磊

运营 /  霞客技术协会宣传部

36330Uniapp之发送请求

这个人很懒,什么都没留下

文章评论