【axios】get和post请求用法

一、get请求

1、语法：axios.get('url',{params:{参数名1:参数值1,参数名2:参数值2}}),then(res=>{this.参数名=res.data})

2、参数解析：

url：访问地址，host+路由，如：http://localhost:8000/add_apis/

params：参数，支持多参数，以英文逗号分隔。调取接口时，拼接在url后面。如：http://localhost:8000/add_apis/?project_id=1

this.参数名：指已在bom层声明并初始化的变量，如：apis:[]，已在dom层中引用，接口返回数据后，则会渲染后展示。

3、实现代码

add_apis(){axios.get('http://localhost:8000/add_apis/',{params:{project_id : this.project_id}}).then(res=>{this.apis = res.data})
},

二、post请求

1、语法：axios.post('url',this.参数名1{params:{参数名1:参数值1,参数名2:参数值2}}),then(res=>{this.参数名2=res.data})

2、参数解析

url：访问地址，host+路由，如：http://localhost:8000/save_api/

params：参数，支持多参数，以英文逗号分隔。调取接口时，拼接在url后面。如：http://localhost:8000/save_api/?project_id=1

this.参数名1：作为传参，已在bom层中声明并初始化的变量，如：setting_api:{},

this.参数名2：指已在bom层声明并初始化的变量，如：apis:[]，已在dom层中引用，接口返回数据后，则会渲染后展示。

3、实现代码

save_api(){axios.post('http://localhost:8000/save_api/',this.setting_api,{params:{project_id : this.project_id}}).then(res=>{this.apis=res.data;})
},

【axios】get和post请求用法相关推荐

【vue2.0进阶】用axios来实现数据请求，简单易用
写了几期的黑话<互联网公司黑话大全>,有个同学问vue2.0的进阶篇算更新完了吗? 让我猛地想起进阶篇在推出预告的时候,大家都提醒前端君,vue-resource已经停止更新了,现在都推荐 ...
axios的基本使用(简单用法)
axios axios 是一个专注于网络请求的库! axios 的基本使用发起 GET 请求: // 调用axios方法得到的返回值是Promise对象 axios({// 请求方式method: ...
axios重新调用失败的ajax_Vue之axios实现ajax数据请求
Vue通过axios实现数据请求 vue.js默认没有提供ajax功能的.所以使用vue的时候,一般都会使用axios的插件来实现ajax与后端服务器的数据交互. # 下载地址: https://un ...
php 设置跨域axios,vue2.0中proxyTable用axios进行跨域请求的设置方法
vue2.0设置proxyTable使用axios进行跨域请求的方法这里请求的是知乎日报的api,由@izzyleung这位大神提供的,这是github地址. 在vue-cli构建的项目中先安装ax ...
axios.all()解决并发请求的问题
axios.all()解决并发请求的问题参考文章: (1)axios.all()解决并发请求的问题 (2)https://www.cnblogs.com/chao202426/p/12068260. ...
vue 使用axios 出现跨域请求的两种解决方法
vue 使用axios 出现跨域请求的两种解决方法参考文章: (1)vue 使用axios 出现跨域请求的两种解决方法 (2)https://www.cnblogs.com/wangshengli5 ...
`SpringBoot`+`axios`结合发送`ajax`请求
SpringBoot+axios结合发送ajax 1.搭建环境 1.1 创建表并添加数据 DROP TABLE t_posts;CREATE TABLE IF NOT EXISTS t_posts(p ...
react axios和ajax网络请求拦截（session过期跳转登录页）
网络请求拦截经常也可用到,比如在所有接口消息请求头部加上验证信息token之类的,或者接口报某类错误时统一处理.这里主要用在请求接口时,判断session是否过期,统一返回状态码区分,如果过期了跳转登 ...
axios同步和异步请求数据
axios默认是异步请求数据的,如果需要同步获取数据的话,需要进行设置. 下面的代码默认异步请求数据: <template><div><el-tabs @tab-clic ...
axios （get post请求、头部参数添加）傻瓜式入门axios
傻瓜式入门,简单粗暴说用法通过cdn引入js文件 <script src="https://unpkg.com/axios/dist/axios.min.js">&l ...

【axios】get和post请求用法

【axios】get和post请求用法相关推荐

最新文章

热门文章