快速请求数据, 在没有限制的时候. get post

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

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

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

npm install --save axios

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

import axios from 'axios'

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

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

8 }

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

1mounted(){2    this.getInfo() 

3 }

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

1methods:{ 2postInfo(){ 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)=>{ 8console.log(res) 9})10    }   

11 }

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

1mounted(){2    this.postInfo()

3 }

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容