让axios发送表单请求形式的键值对post数据的实例


Posted in Javascript onAugust 11, 2018

想要发送键值对,其实是需要做响应处理的,直接上代码

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数据的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
textContent在Firefox下与innerText等效的属性
May 12 Javascript
JQuery 写的个性导航菜单
Dec 24 Javascript
SeaJS入门教程系列之使用SeaJS(二)
Mar 03 Javascript
JS实现局部选择打印和局部不选择打印
Apr 03 Javascript
javascript实现的平方米、亩、公顷单位换算小程序
Aug 11 Javascript
JS逆序遍历实现代码
Dec 02 Javascript
如何用js 实现依赖注入的思想,后端框架思想搬到前端来
Aug 03 Javascript
通过Jquery.cookie.js实现展示浏览网页的历史记录超管用
Oct 23 Javascript
浅谈js中同名函数和同名变量的执行问题
Feb 12 Javascript
js实现分页功能
May 24 Javascript
详解webpack解惑:require的五种用法
Jun 09 Javascript
详解Vue单元测试Karma+Mocha学习笔记
Jan 31 Javascript
axios的拦截请求与响应方法
Aug 11 #Javascript
解决axios发送post请求返回400状态码的问题
Aug 11 #Javascript
vue 组件的封装之基于axios的ajax请求方法
Aug 11 #Javascript
解决Vue axios post请求,后台获取不到数据的问题方法
Aug 11 #Javascript
vuejs前后端数据交互之从后端请求数据的实例
Aug 11 #Javascript
解决vue中post方式提交数据后台无法接收的问题
Aug 11 #Javascript
vue.js配合$.post从后台获取数据简单demo分享
Aug 11 #Javascript
You might like
ThinkPHP3.1查询语言详解
2014/06/19 PHP
php实现的三个常用加密解密功能函数示例
2017/11/06 PHP
php实现数组重复数字统计实例
2018/09/30 PHP
PHP PDOStatement::bindParam讲解
2019/01/30 PHP
Jquery中获取iframe的代码
2011/01/11 Javascript
jQuery EasyUI API 中文文档 - EasyLoader 加载器
2011/09/29 Javascript
JQuery解析HTML、JSON和XML实例详解
2014/03/29 Javascript
javascript面向对象程序设计(一)
2015/01/29 Javascript
jQuery匹配文档链接并添加class的方法
2015/06/26 Javascript
JS+CSS实现类似QQ好友及黑名单效果的树型菜单
2015/09/22 Javascript
js中编码函数:escape,encodeURI与encodeURIComponent详解
2017/03/21 Javascript
jfinal与bootstrap的登出实战详解
2017/11/27 Javascript
详解基于mpvue的小程序markdown适配解决方案
2018/05/08 Javascript
vue组件横向树实现代码
2018/08/02 Javascript
爬虫利器Puppeteer实战
2019/01/09 Javascript
简述ES6新增关键字let与var的区别
2019/08/23 Javascript
nodejs一个简单的文件服务器的创建方法
2019/09/13 NodeJs
JavaScript Dom 绑定事件操作实例详解
2019/10/02 Javascript
详解javascript中var与ES6规范中let、const区别与用法
2020/01/11 Javascript
JavaScript回调函数callback用法解析
2020/01/14 Javascript
vue.js+element 默认提示中英文操作
2020/11/11 Javascript
Mac OS X10.9安装的Python2.7升级Python3.3步骤详解
2013/12/04 Python
python中pygame模块用法实例
2014/10/09 Python
使用Python对微信好友进行数据分析
2018/06/27 Python
详解利用django中间件django.middleware.csrf.CsrfViewMiddleware防止csrf攻击
2018/10/09 Python
Tkinter中复选菜单是否被选中的判断与设置方式
2020/03/04 Python
python闭包、深浅拷贝、垃圾回收、with语句知识点汇总
2020/03/11 Python
Python3.9.1中使用split()的处理方法(推荐)
2021/02/07 Python
退学证明范本3篇
2014/10/29 职场文书
2014大学班主任工作总结
2014/11/08 职场文书
离婚协议书范本(通用篇)
2014/11/30 职场文书
2015元旦主持词开场白和结束语
2014/12/14 职场文书
英语辞职信范文
2015/02/28 职场文书
英语投诉信范文
2015/07/03 职场文书
初中思想品德教学反思
2016/02/24 职场文书
《地。-关于地球的运动-》单行本第七集上市,小说家朝井辽献上期待又害怕的推荐文
2022/03/31 日漫