vue中post请求以a=a&b=b 的格式写遇到的问题


Posted in Javascript onApril 27, 2018

vue开发过程中,总会碰到一些问题,当然任何问题都不能阻止我们前进的脚步,话不多说,下面是我在开发过程中请求参数所碰到的问题

1,在暂时没有后台数据的时候,post请求的参数大多会以   name:a,age:b   的格式去写

import axios from 'axios';
axios.post(url,{
    name:'0',age:''
    },{emulateJSON: true}, {  // 这里是跨域写法
    headers:{"Content-Type": "application/x-www-form-urlencoded;charset=utf-8",}  // 这里是跨域的写法
    }).then(reponse=>{
     console.log(reponse)
      this.tableData=reponse.data.data
    })

这样写法是没有问题的,

2,若是后台已经写好,但post的请求要以   name:a&age:b   的方式去写的话,上面你的写法就会请求不到数据,这时我们就要使用一个插件来解决这个问题

2.1,安装qs

npm install --save axios vue-axios qs

2.2,在请求的页面加入

import qs from 'qs';
     import axios from 'axios';
axios.post(url,qs.stringify({  // 通过qs.stringify()将对象解析成URL的形式
    name:'0', age:'2'
    }),{emulateJSON: true},{
    headers:{"Content-Type": "application/x-www-form-urlencoded;charset=utf-8",}
    }).then(reponse=>{
     console.log(reponse)
     this.tableData=reponse.data.data
    })

总结

以上所述是小编给大家介绍的vue中post请求以a=a&b=b 的格式写遇到的问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
Tab页界面,用jQuery及Ajax技术实现
Sep 21 Javascript
分享XmlHttpRequest调用Webservice的一点心得
Jul 20 Javascript
jquery iframe操作详细解析
Nov 20 Javascript
解析JavaScript中点号“.”的多义性
Dec 02 Javascript
JS图片自动轮换效果实现思路附截图
Apr 30 Javascript
原生js制作简单的数字键盘
Apr 24 Javascript
javascript实现根据3原色制作颜色选择器的方法
Jul 17 Javascript
input点击后placeholder中的提示消息消失
Jan 15 Javascript
Node.js程序中的本地文件操作用法小结
Mar 06 Javascript
深入解析jQuery中Deferred的deferred.promise()方法
May 03 Javascript
vue实现element表格里表头信息提示功能(推荐)
Nov 20 Javascript
JS 4个超级实用的小技巧 提升开发效率
Oct 05 Javascript
vue项目中应用ueditor自定义上传按钮功能
Apr 27 #Javascript
Vue 使用 Mint UI 实现左滑删除效果CellSwipe
Apr 27 #Javascript
微信小程序中添加客服按钮contact-button功能
Apr 27 #Javascript
Node.js文件编码格式的转换的方法
Apr 27 #Javascript
jQuery实现鼠标滑过商品小图片上显示对应大图片功能【测试可用】
Apr 27 #jQuery
基于Vue实现拖拽效果
Apr 27 #Javascript
Node.js利用console输出日志文件的方法示例
Apr 27 #Javascript
You might like
Php Image Resize图片大小调整的函数代码
2011/01/17 PHP
iOS自定义提示弹出框实现类似UIAlertView的效果
2016/11/16 PHP
用JavaScript事件串连执行多个处理过程的方法
2007/03/09 Javascript
用jQuery技术实现Tab页界面之二
2009/09/21 Javascript
在一个浏览器里呈现所有浏览器测试结果的前端测试工具的思路
2010/03/02 Javascript
js模仿html5 placeholder适应于不支持的浏览器
2013/01/13 Javascript
JavaScript 中的日期和时间及表示标准介绍
2013/08/21 Javascript
js二维数组定义和初始化的三种方法总结
2014/03/03 Javascript
jquery控制背景音乐开关与自动播放提示音的方法
2015/02/06 Javascript
JavaScript使用shift方法移除素组第一个元素实例分析
2015/04/06 Javascript
Bootstrap每天必学之媒体对象
2015/11/30 Javascript
再谈Javascript中的异步以及如何异步
2016/08/19 Javascript
jquery编写日期选择器
2017/03/16 Javascript
vue.js 使用v-if v-else发现没有执行解决办法
2017/05/15 Javascript
js+html获取系统当前时间
2017/11/10 Javascript
angularJS实现动态添加,删除div方法
2018/02/27 Javascript
jQuery插件实现弹性运动完整示例
2018/07/07 jQuery
JavaScript面向对象程序设计创建对象的方法分析
2018/08/13 Javascript
浅谈redux, koa, express 中间件实现对比解析
2019/05/23 Javascript
vue实现禁止浏览器记住密码功能的示例代码
2021/02/03 Vue.js
[01:07:46]完美世界DOTA2联赛循环赛 Magma vs IO BO2第二场 11.01
2020/11/02 DOTA
Python selenium文件上传方法汇总
2020/11/19 Python
Python基于回溯法子集树模板解决马踏棋盘问题示例
2017/09/11 Python
深入理解Django的中间件middleware
2018/03/14 Python
Django自带日志 settings.py文件配置方法
2019/08/30 Python
pytorch 实现在一个优化器中设置多个网络参数的例子
2020/02/20 Python
keras中的卷积层&池化层的用法
2020/05/22 Python
python实现定时发送邮件
2020/12/23 Python
python制作抽奖程序代码详解
2021/01/15 Python
揠苗助长教学反思
2014/02/04 职场文书
小学生三分钟演讲稿
2014/08/18 职场文书
保险公司演讲稿
2014/09/02 职场文书
个人遵守党的政治纪律情况对照检查材料
2014/09/26 职场文书
傲慢与偏见读书笔记
2015/06/29 职场文书
2016大学生社会实践心得体会范文
2016/01/14 职场文书
MySQL数据库压缩版本安装与配置详细教程
2021/05/21 MySQL