解决Vue axios post请求,后台获取不到数据问题
2018-03-18 15:41
471 查看
最近做项目,需要用到vue,后台是php,第一次使用axios进行请求,本以为同ajax一样,会很简单,但是结果往往不让人满意啊,get请求很简单,这里就不说了,主要说下 post请求方式。使用axios进行post请求,后台居然接收不到数据,这就纳闷了,于是网上一顿搜索,现在将所用的解决办法给大家说下:
1.new URLSearchParams方式
起初使用params.append("属性名":属性值)的方式,对于简单的数据传递这样是没有问题的,后台可以正常接收数据,但我发现一个问题,不知道大家有没有遇到过,当传递数据里含有数组时,你会发现传到后台的是字符串的形式 arr:a1,b1,c1 而非正常格式 arr:[a1,b1,c1]不符合我的要求,继续查找。2.Qs.stringify方式
看到网上好多解决办法都在说qs,于是装了qs插件,使用方法也很简单。首先安装插件,然后注册组件,axios.post(url,Qs.stringify(params)),在传递参数前,用qs转换下格式就可以了,Qs是将对象 序列化成URL的形式,以&进行拼接,在后台输出下接收的数据,嘿有值了,别提有多高兴了,刚乐呵没二分钟,等会再认真看看,这才发现当数据为空时qs居然给过滤掉了,直接没传,这叫一个伤心。。。3.改变后台接收方式
网上的帖子大部分都是在前端处理,但没什么太好的解决办法,于是把思路转到后台,改变后台的接收方式,最终使用file_get_contents('php://input')解决,以上只是个人的实践经过技术来源:北大青鸟学校php开发小组实验相关文章推荐
- AngularJs $http.post 数据后台获取不到数据问题 的解决过程
- 解决Vue axios post请求,后台获取不到数据的问题方法
- 解决使用FusionCharts以后从后台获取数据中文乱码的问题
- 解决angular的$http.post()提交数据时后台接收不到参数值问题的方法
- 解决错误指定RequestHeader导致后台接受不到FormData数据的问题
- 解决angular的$http.post()提交数据时后台接收不到参数值问题的方法
- springMVC架构后台获取不到json数据的问题
- 解决Yii有时候会获取不到redis数据的问题
- PHP Post获取不到非表单数据的问题解决办法
- 解决$GLOBALS["HTTP_RAW_POST_DATA"]获取不到数据的问题
- $.ajax获取不到数据问题解决
- token获取不到,原来是数据格式的问题 要和后台的数据格式一致,$.ajax中contentType: “application/json” 的用法
- java后台设置可跨域访问,前端ajax获取json数据,解决浏览器限制跨域访问的问题
- 解决angular的$http.post()提交数据时后台接收不到参数值问题的方法
- 解决$GLOBALS["HTTP_RAW_POST_DATA"]获取不到数据的问题
- angular的$http.post()提交数据到Java后台接收不到参数值问题的解决方法
- 解决.Net设置只读、隐藏后后台获取不到值的问题
- struts2 数据传输问题---“POST方式提交数据量过大,在后台接收不到数据”问题的解决
- tomcat7以上,ajax post参数后台获取不到的问题,post参数大小不能大于2M的解决办法!
- 解决springMVC jsp中用EL表达式获取不到后台数据