uniapp封装网络请求

南国老符 南国老符 最后更新于:2022-05-03 浏览:1125

在项目下新建utils文件夹,已有则不用新建,在utils文件夹下新建http.js文件


得到传来的参数 用params来接收,接下来先定义几个会用到的东西

header有就传 没有就为空

data也是 有就传 没有就为空 因为get请求可以不用header 也可以不用data



请求方式不同 有get 有post等等 post的话要配置header

所以要判断请求方式确定header的内容



content-type是以表单的方式还是以json的方式要根据和后端的约定,如果是post的话就加上这个header

发起请求的话有个加载动画,这里使用uni.showLoading方法



接下来写发起请求,是否验证ssl证书的选项根据实际情况决定

请求成功后uniapp会在success回调里有statusCode

所以需要判断一下看有没有statusCode和 statusCode是否等于200, 不等于200的时候说明是api错误了



当statusCode 等于200的时候是请求成功了,请求到的数据应该回传给调用的地方,在调用的地方拿到数据后再进行处理


在请求失败的fail里写上对应的处理,失败的时候把失败信息回传给调用的地方


在完成的complete里关掉请求的loading


在main.js里对http.js进行全局的引入,引入后进行配置 这样的话每个组件都能直接调用http了


在需要发请求的地方写上


如果不需要发起请求时的loading 就写上hideLoading:true

至此 uniapp封装网络请求已经实现,可以直接拿着用的。


对应demo链接:

http://note.youdao.com/noteshare?id=611bd0a2cbb4b45c1f78cb5a754d9ee3


点赞 (0)

收藏 (0)
转载请务必注明: 来源:《建站管家》https://www.df81.com/news/346.html

本站部分信息来源网络,如有侵权,请联系QQ:1062129401删除。

上一篇: uniapp设置全局变量和动态修改全局变量

下一篇: PHP商品无限规格的实现思路(图文)

请先登录后,再发表评论 ~ ~
发表评论
评论 (0)

发表帖子
广告位招租( ¥5 / 天 )
点击咨询
最新帖子

南国老符
2025-05-26 16:54
南国老符
2024-09-29 10:29
南国老符
2023-12-15 21:41
广告位招租( ¥5 / 天 )
点击咨询
最近评论

U
user1379
回复:版本号多少?
U
user1379
回复:新版本修复了,下载新版本即可
U
user1379
U
user1304
回复:默认没有这个功能,你可以自行二次开发后期可能会考虑在站群版本上加入此功能及商城功能
Y
yuanis90
回复:后台->语言->全局管理->模型管理->编辑->启用关键词内链即可
Y
yuanis90
回复:后台已经启用了,但是前台产品说明的关分键词还是没有自动链接到,
购买VIP
购买授权
余额充值
发表帖子
客服微信