初始axios获取端口数据

一大早打算把昨天没解决的问题搞定掉...大概就是怎么用axios获取端口传值..

整个过程还是比较简单的,但是不知道为什么昨天频繁报错..可能和今天添加的某几个步骤有关--大概就是,

cmd工程目录下yarn add axios添加依赖、

我觉得可能是我只添加了项目依赖,并没有在工程中引入的原因,导致程序跑不起来...(因为我今天第一时间就写了导入指令 ↓ ↓ ↓ )

  <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>

对 没错。我觉得我昨天没跑起来大多是和这句话有关系。

剩下的就是给button添加单击事件,@click=''getEvent'' ,除了这个getEvent()函数需要改动(从ajax语法改到axios)其他几乎没怎么变。

          // var xhttp = new XMLHttpRequest();
          // xhttp.open("GET","https://mock.mengxuegu.com/mock/642f630132affa39a121cd8d/example/api/getEvent",true);
          // xhttp.send()

          axios.get('https://mock.mengxuegu.com/mock/642f630132affa39a121cd8d/example/api/getEvent').then(function(response){
            console.log(response);

我特意把ajax的请求代码放在了上面;可以看出axios确实比ajax要简洁不少。官网介绍说是axios使用了浏览器创建XMLHttpRequest(),就省的用户再自主定义;我感觉很省事;起码不是很懂,但是用起来简单舒服就okk...、至于获取的传值,大概和昨天没差,以下是截取的结果图,

大概就是这样了。

后续应该使用axios或者ajax再获取端口应该不是太困难的事了,若之后还有难以理解的地方,及时解决.,再记录.... 

评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值