我有个超棒的消息要分享给你们!没错,说的就是如何驾驭Vue里的axios这颗明珠。这个JavaScript小宝库可不简单,可以搞定网页和node.js上的网络请求。而且,vue官方亲口承认,用axios还比viuz-resource强很多。听听就觉得很酷对不对?
首先,教你咋用axios搞个简易的GET请求,超简单滴!只需要拿axios那个全局变量放街上,URL和几个设置参数跟着填充好就行了。设置参数时记得还有个地方可以塞参数,叫params,这样url后头就可以跟着带参数。然后用`.then`抓取回来的响应,再用回调函数对付拿到的response(也就是我们说的res)。注意要找数据可得看 response.data 或者 response.body那儿。遇到啥问题别慌,用`.catch`就能捉住它们,顺便瞧瞧有没有错误消息error参数。
npm install --save axios
接着聊聊怎么做post请求呗。比起get可多两步,要填url地址、你要发的消息,再加个传输设定。不过别忘了,get是把东西放params里面。所以用post时,直接在第二个参数里发就是!
哈喽,老铁们!接下来咱们深入探讨一下AXIOS该咋使。它主要就是搞定了POST请求回调和应对异常的问题,挺简单的。GET和请求也差不多,用.then拿下服务反馈就行。然后用个名叫res的小函数处理返回信息。万一出岔子,别担心,自带的.catch帮助我们重置状态;还有print errorinfo功能。
import axios from 'axios'
还以为说完了?咱们的分享才刚开始!话不多说,让我们接着聊聊Axios这个牛逼哄哄的工具咋使用、能干什么。听过Axios没有?这货真的太好用了,搜寻网络信息简直如虎添翼!操作简单得很,跟着我的步骤走,绝对没问题!
好,那咱来聊聊怎么搞定post请求里的应答和异常这事儿!虽然原理跟上回说的get差不离儿,但还是得用`.then`把回复值捞出来,然后用个函数处理这个res就行。万一碰见啥紧急状况,别慌`.catch`能抓住异常,还会打印出错信息的参数error。
来,最后一个环节咯!小伙伴们坚持到现在棒极了!下面我们来说说axios这个玩意儿咋使。今天这堂课就主要讲讲怎么处理POST请求中的回调和异常状况。其实很简单的,就像之前学习GET请求那样,收到数据后就在.then那里搞定;万一出了点岔子也别怕,有.catch默默帮你收尾,还可以查看是啥原因导致的!
axios.get('data/zodiac.json',{ params:{ id:"101" }, header:{ token:"axios" } }).then(res =>{ this.msg=res.data; }).catch(error =>{ console.log(error); })
现在聊聊那个好用的Python库——axios!它可以帮我们上网快速找到想要的信息。很容易学,按照教程走马上就能掌握。所以说,没尝试过的话,赶紧试一试,保证你会爱上它的!这篇文章有趣?有啥想法,赶紧在评论区跟我说说!记得点赞并分享给你的朋友们感谢你们一直以来的陪伴和支持!
评论0