让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 相关文章推荐
javascript模版引擎-tmpl的bug修复与性能优化分析
Oct 23 Javascript
简单谈谈javascript Date类型
Sep 06 Javascript
JS实现网页每隔3秒弹出一次对话框的方法
Nov 09 Javascript
prototype框架中美元符号$用法分析
Jan 22 Javascript
jQuery实现将div中滚动条滚动到指定位置的方法
Aug 10 Javascript
探索Javascript中this的奥秘
Dec 11 Javascript
Vue中保存用户登录状态实例代码
Jun 07 Javascript
老生常谈js中的MVC
Jul 25 Javascript
在 Typescript 中使用可被复用的 Vue Mixin功能
Apr 17 Javascript
基于JS实现父组件的请求服务过程解析
Oct 14 Javascript
详解ES6 CLASS在微信小程序中的应用实例
Apr 24 Javascript
使用vuex-persistedstate本地存储vuex
Apr 29 Vue.js
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
PHP.MVC的模板标签系统(五)
2006/09/05 PHP
粗略计算在线时间,bug:ip相同
2006/12/09 PHP
浅谈php中的循环while、do...while、for、foreach四种循环
2016/11/05 PHP
微信公众号开发之通过接口删除菜单
2017/02/20 PHP
PHP实现对xml进行简单的增删改查(CRUD)操作示例
2017/05/19 PHP
JS 时间显示效果代码
2009/08/23 Javascript
让ie运行js时提示允许阻止内容运行的解决方法
2010/10/24 Javascript
Js 代码中,ajax请求地址后加随机数防止浏览器缓存的原因
2013/05/07 Javascript
Javascript中的arguments与重载介绍
2015/03/15 Javascript
JS获取下拉框显示值和判断单选按钮的方法
2015/07/09 Javascript
easyui Droppable组件实现放置特效
2015/08/19 Javascript
jquery+css实现的红色线条横向二级菜单效果
2015/08/22 Javascript
JS+CSS实现的经典tab选项卡效果代码
2015/09/16 Javascript
基于javascript如何传递特殊字符
2015/11/30 Javascript
JavaScript中对象的不同创建方法
2016/08/12 Javascript
使用Nodejs连接mongodb数据库的实现代码
2017/08/21 NodeJs
EasyUI框架 使用Ajax提交注册信息的实现代码
2017/09/27 Javascript
js实现扫雷小程序的示例代码
2017/09/27 Javascript
解决在vue项目中,发版之后,背景图片报错,路径不对的问题
2018/03/06 Javascript
vue + vuex todolist的实现示例代码
2018/03/09 Javascript
jQuery实现的自定义轮播图功能详解
2018/12/28 jQuery
Three.JS实现三维场景
2018/12/30 Javascript
原生JS实现无缝轮播图片
2020/06/24 Javascript
Vue中关闭弹窗组件时销毁并隐藏操作
2020/09/01 Javascript
使用Python生成XML的方法实例
2017/03/21 Python
Python用5行代码写一个自定义简单二维码
2018/10/21 Python
Django的models中on_delete参数详解
2019/07/16 Python
Django中自定义模型管理器(Manager)及方法
2019/09/23 Python
美国从事品牌鞋类零售的连锁店:Famous Footwear
2016/08/25 全球购物
玉兰油美国官网:OLAY美国
2018/10/25 全球购物
什么是接口(Interface)?
2013/02/01 面试题
店铺转让协议书
2014/12/02 职场文书
导游词开场白
2015/01/31 职场文书
公司副总经理岗位职责
2015/04/08 职场文书
分享MySQL常用 内核 Debug 几种常见方法
2022/03/17 MySQL
青岛市的收音机研制与生产
2022/04/07 无线电