uniapp封装网络请求

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

在项目下新建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商品无限规格的实现思路(图文)

请先登录后,再发表评论 ~ ~
发表评论
发表帖子
广告位招租( ¥5 / 天 )
点击咨询
最新帖子

南国老符
2025-09-10 03:48
南国老符
2025-07-13 19:36
南国老符
2025-05-26 16:54
南国老符
2024-09-29 10:29
广告位招租( ¥5 / 天 )
点击咨询
最近评论

Y
yuanis90
回复:在后台->全局管理->网站设置->网站html代码,把你申请的分享代码贴到这里保存即可。以后发问题,请贴出具体版本号
南国老符
回复:发表帖子发不了  乱码
南国老符
回复:第一位参与的老总,是做洗衣店saas系统的,需要的请联系
9
9252
回复:新版已经修复了的,升级忘记覆盖了,你重新下载即可。
U
user1304
回复:PHP开启fileinfo扩展即可
U
user1379
回复:版本号多少?
购买VIP
购买授权
余额充值
发表帖子
客服微信