让axios发送表单请求形式的键值对post数据
2017-07-24 22:26
1031 查看
想要发送键值对,其实是需要做响应处理的,直接上代码
qs是必不可少的插件,安装完成后,在main.js插入一下代码
这样就大功告成了,在vue模块中可以这样使用
可以看到,在好用参数的时候也不需要增加params这个key了。直接传递参数对象即可,很方便
npm install --save axios vue-axios qs
qs是必不可少的插件,安装完成后,在main.js插入一下代码
//载入axios import Qs from 'qs' import axios from 'axios' import VueAxios from 'vue-axios' var axios_instance = axios.create({ baseURL:'http://localhost', transformRequest: [function (data) { data = Qs.stringify(data); return data; }], headers:{'Content-Type':'application/x-www-form-urlencoded'} }) Vue.use(VueAxios, axios_instance)
这样就大功告成了,在vue模块中可以这样使用
this.$http.post('url', { id:1 }).then(response => { console.log(response) }).catch( error => { console.log(error); });
可以看到,在好用参数的时候也不需要增加params这个key了。直接传递参数对象即可,很方便
相关文章推荐
- 让axios发送表单请求形式的键值对post数据的实例
- 让axios发送表单请求形式的键值对post数据
- axios发送post请求,提交图片类型表单数据方法
- axios发送post请求,提交表单数据
- axios发送post请求,提交图片类型表单数据
- axios发送post请求,springMVC接收不到数据问题
- [置顶] Okhttp 向服务器发送请求(请求头,表单,post json数据)
- axios的post请求发送数据,后端接收不到
- 解决SpringMVC接收不到axios发送post请求的数据问题
- java 后台模拟post表单请求发送key-value数据乱码
- vue 集成 axios 发送post请求 payload导致后台无法接收到数据问题
- 利用ASIHttpRequest框架进行网络数据请求(二)—— 利用post发送表单请求数据
- Multipart/form-data POST文件上传详解 理论 简单的HTTP POST 大家通过HTTP向服务器发送POST请求提交数据,都是通过form表单提交的,代码如下: <form me
- 模拟表单发送POST,GET请求获取数据
- 初涉Ajax,以post或get方法发送数据,以json或xml形式接收服务器返回的请求
- axios发送post请求,springMVC接收不到数据问题
- form表单提交数据get,post请求的区别
- Network 【用 AFN 通过 POST 方式发送JSON数据的两种形式】
- echarts通过ajax向服务器发送post请求,servlet从数据库读取数据并返回前端
- C#模拟web请求,使用post提交带有文件的数据表单