post请求发送json字符串
今天用vue-resource发送ajax,不知道为什么一直失败,刚开始我以为是跨域问题,就在php里加上了header('Access-Control-Allow-Origin:*');他的作用是可以让任何域名访问,结果还是获取不到数据。。。。后来发现是因为我的this写错了。同时还要加上emulateJSON属性才可以var that=this;
现在前后端通信一般都会采用json,在请求头中可以通过Content-Type来指定数据类型
先来了解下常用的请求数据类型有哪几种:
1、application/x-www-form-urlencoded
这应该是最常见的 POST 提交数据的方式了。浏览器的原生 <form> 表单,如果不设置 enctype 属性,那么最终就会以 application/x-www-form-urlencoded 方式提交数据。
2、multipart/form-data
这又是一个常见的 POST 数据提交的方式。我们使用表单上传文件时,必须让 <form> 表单的 enctyped 等于 multipart/form-data
3、application/json
application/json 这个 Content-Type 作为响应头大家肯定不陌生。实际上,现在越来越多的人把它作为请求头,用来告诉服务端消息主体是序列化后的 JSON 字符串。由于 JSON 规范的流行,除了低版本 IE 之外的各大浏览器都原生支持 JSON.stringify,服务端语言也都有处理 JSON 的函数,使用 JSON 不会遇上什么麻烦。
4、text/xml
它是一种使用 HTTP 作为传输协议,XML 作为编码方式的远程调用规范。
在我们使用 vue axios 的post方式去请求数据的时候就发现后台接受不到数据,原因就是其是通过json的方式方法的,而不是传统的x-www-form-urlencoded,如果再不改变后端接受方式的情况下可以通过一下方式修改
1、引用qs库(推荐)
qs.stringify({ a: ['b', 'c', 'd'] }, { indices: false });
2、手动修改数据格式(不推荐)
for(var i in config.data){
str+=i+"="+config.data[i]+"&";
}
参考文章:https://blog.csdn.net/call_me_fly/article/details/79012581
更多推荐
所有评论(0)