vue axios数据请求get、post方法的使用

 v我们常用的有get方法以及post方法,下面简单的介绍一下这两种请求方法

vue中使用axios方法我们先安装axios这个方法

npm install --save axios

安装之后采用按需引入的方法,哪个页面需要请求数据就在哪个页面里引入一下。

import axios from 'axios'

引入之后我们就可以进行数据请求了,在methods中创建一个方法

复制代码
1 methods:{ 2     getInfo(){ 3         let url = "url" 4         axios.get(url).then((res)=>{ 5             console.log(res) 6         })       7     }   8 }
复制代码

然后我们在mounted这个生命周期中进行调用

复制代码
1 mounted(){ 2     this.getInfo()   3 }
复制代码

这样就可以在控制台中查看数据,以上是一个简单的get方法数据请求,下面继续介绍一下post方法的使用,其实post和get的使用没有什么区别只是再加上一个参数就可以了,看一下我们的代码

复制代码
 1 methods:{  2     postInfo(){  3         let url = "url"  4         let params=new URLSearchParams();//这个方法在axios的官网中有介绍,除了这个方法还有qs这个方法  5         params.append("key",index)   6         params.append("key",index)  7         axios.post(url,params).then((res)=>{  8             console.log(res)  9         }) 10     }     11 }
复制代码

同样在mounted这个生命周期中进行调用

复制代码
1 mounted(){ 2     this.postInfo() 3 }https://www.cnblogs.com/nixu/p/9627782.html
50000+
5万行代码练就真实本领
17年
创办于2008年老牌培训机构
1000+
合作企业
98%
就业率

联系我们

电话咨询

0532-85025005

扫码添加微信