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 相关文章推荐
js获取单选按钮的数据
Nov 27 Javascript
一个无限级XML绑定跨框架菜单(For IE)
Jan 27 Javascript
JQuery里面的几种选择器 查找满足条件的元素$("#控件ID")
Aug 23 Javascript
用Node.js通过sitemap.xml批量抓取美女图片
May 28 Javascript
利用jQuery解析获取JSON数据
Apr 08 jQuery
vue解决跨域路由冲突问题思路解析
Nov 03 Javascript
基于vue监听滚动事件实现锚点链接平滑滚动的方法
Jan 17 Javascript
基于webpack4.X从零搭建React脚手架的方法步骤
Dec 23 Javascript
js比较两个单独的数组或对象是否相等的实例代码
Apr 28 Javascript
jquery 遍历hash操作示例【基于ajax交互】
Oct 12 jQuery
Nuxt 嵌套路由nuxt-child组件用法(父子页面组件的传值)
Nov 05 Javascript
vue自定义组件实现双向绑定
Jan 13 Vue.js
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
PHP4之真OO
2006/10/09 PHP
php报表之jpgraph柱状图实例代码
2011/08/22 PHP
linux系统下php安装mbstring扩展的二种方法
2014/01/20 PHP
PHP连接操作access数据库实例
2015/03/30 PHP
解决yii2左侧菜单子级无法高亮问题的方法
2016/05/08 PHP
在云虚拟主机部署thinkphp5项目的步骤详解
2017/12/21 PHP
CentOS7系统搭建LAMP及更新PHP版本操作详解
2020/03/26 PHP
测试JavaScript字符串处理性能的代码
2009/12/07 Javascript
JS中令人发指的valueOf方法介绍
2013/02/22 Javascript
JS实现网页游戏中滑块响应鼠标点击移动效果
2015/10/19 Javascript
JavaScript测试工具之Karma-Jasmine的安装和使用详解
2015/12/03 Javascript
javascript面向对象程序设计高级特性经典教程(值得收藏)
2016/05/19 Javascript
jQuery和hwSlider实现内容响应式可触控滑动切换效果附源码下载(二)
2016/06/22 Javascript
jquery实现自适应banner焦点图
2017/02/16 Javascript
Vue2路由动画效果的实现代码
2017/07/10 Javascript
js实现数组和对象的深浅拷贝
2017/09/30 Javascript
JS与jQuery实现ListBox上移,下移,左移,右移操作功能示例
2018/05/31 jQuery
在vue中使用v-bind:class的选项卡方法
2018/09/27 Javascript
vue实现的树形结构加多选框示例
2019/02/02 Javascript
小程序页面动态配置实现方法
2019/02/05 Javascript
性能优化篇之Webpack构建速度优化的建议
2019/04/03 Javascript
postman自定义函数实现 时间函数的思路详解
2019/04/17 Javascript
详解如何使用nvm管理Node.js多版本
2019/05/06 Javascript
python uuid模块使用实例
2015/04/08 Python
Python函数装饰器实现方法详解
2018/12/22 Python
windows下搭建python scrapy爬虫框架步骤
2018/12/23 Python
Python中zip()函数的简单用法举例
2019/09/02 Python
如何使用Python进行PDF图片识别OCR
2021/01/22 Python
利用Python过滤相似文本的简单方法示例
2021/02/03 Python
德国家用电器购物网站:Premiumshop24
2019/08/22 全球购物
为什么Runtime.exec(“ls”)没有任何输出?
2014/10/03 面试题
幼师专业求职推荐信
2013/11/08 职场文书
师范应届生求职信
2013/11/15 职场文书
小学信息技术教学反思
2014/02/10 职场文书
晚归检讨书
2014/02/19 职场文书
迎新晚会策划方案
2014/06/13 职场文书