关于请求后台取不到数据问题 Content-Type

最新推荐文章于 2024-07-31 18:50:18 发布

Kusers

最新推荐文章于 2024-07-31 18:50:18 发布

阅读量1.8k

点赞数 1

文章标签： application/x-www-form-urlenco application/json

本文链接：https://blog.csdn.net/Kusers/article/details/82783002

版权

关于请求内容类型格式

Content-Type:

application/json;charset=UTF-8

application/x-www-form-urlencoded; charset=UTF-8

区别

application/x-www-form-urlencoded：一般常见于from表单提交，和jquery向后台请求。

application/json：标准json传输，一般常见于原生js请求，和一些框架，如vue、angular等

go简单web，打印一下请求数据

第一条和第二条是form表单，和jquery请求，第三条是application/json

总结

后台接收数据时，应判断传输格式

若application/json格式：则需要用格式化成json对象，然后取出对应的值；

若application/x-www-form-urlencoded格式：则可以根据&符号，进行分割，放入map中，然后根据map的key取值。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Kusers

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

完全解决方案Content-Type设为application/x-www-form-urlencoded服务器端拿不到数据问题

小红帽的博客

03-14

1万+

问题描述在自定义Ajax请求时，想使用表单的方式发送post请求，发现后台获取不到数据，查看jquery源码发现，这是因为当Content-Type设为application/x-ww...

前端请求传参与后端匹配的接收方式&Content-Type类型

热门推荐

xiaouncle的博客

07-09

1万+

ajax中的contentType有多种类型，默认是contentType=application/x-www-form-urlencoded;charset=utf-8;，如果设置contentType=application/json;charset=utf-8;那就会发生在后台无法通过context.Request.Form[]获取参数的情况，下面我就post、get两种方式进行梳理。

Content-Type引发的服务端收不到HTTP请求参数的问题

lgxzzz的博客

01-27

1221

问题现象：前端POST请求参数已经传过来了，Java后端Debug也能进到请求里，可就是取不到请求参数。用Chrome 开发者工具可以看到请求的不同：可以看到请求参数一个在Form Data中，一个在Request Payload中，而且格式也不同。不同的原因就在于Content-Type设置不同。 HTTP Content-Type 用于标识传输数据的类型。在请求中，Conte...

请求头里使用content-type报错

qq_42628556的博客

04-12

559

是因为content-type没有使用引号。

Content type ‘application/x-www-form-urlencoded；charset=UTF-8‘ not supported]

zhuzi51的专栏

08-12

414

楔子 springboot RequestBody接受前台提交数据，提示错误Content type 'application/x-www-form-urlencoded;charset=UTF-8' not supported] 前台ajax <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> &lt

get和POST请求Content-Type不同数据传参方式不同

qq_41842461的博客

07-31

1251

POST，get，Content-Type不同数据传参方式application/x-www-form-urlencoded, application/json, 和 multipart/form-data，qs.stringify的使用需求

微信小程序开发：request请求后台获取不到data解决方法

03-29

微信的request的post请求后台获取不到data（当初这个问题纠结了好久好久），原因是post传递的data是json格式而不是key，value的格式，所以获取不到相应的data就是post请求应为表单模式的data，微信小程序提供的data...

微信小程序如何向后台发送formdata数据格式的数据，修改content-type

weixin_40983140的博客

11-02

1458

微信小程序如何向后台发送formdata数据格式的数据，修改content-type wx.request({ url: app.globalData.ApiRootUrl + api.myOrder, method : “POST”, data: { viewType:this.data.test, userPhone:app.globalData.userPhone }, header: { ‘content-type’: ‘application/x-www-form-urlencoded’//修改为

Content type application/x-www-form-urlencoded charset=UTF-8 not supported

qq_37108736的博客

05-15

1620

2020-05-15 09:56:20.646 ERROR 5064 --- [io-28762-exec-3] c.a.f.c.e.GlobalExceptionHandler : Content type 'application/x-www-form-urlencoded;charset=UTF-8' not supported org.springframework.web.HttpMediaTypeNotSupportedException: Content type 'appl

Content type 'application/x-www-form-urlencoded;charset=UTF-8' not supported

HEshenghuxi的博客

05-22

8589

Content type ‘application/x-www-form-urlencoded;charset=UTF-8’ not supported 这种错误一般是 ajax 向后端传数据时出现的无论是 post 还是get 传输都会出现这种格式问题将 ajax 传输格式为 contentType: “application/json”,就可以了后端使用post 传输的加上 @R...

Content type ‘application/x-www-form-urlencoded；charset=UTF-8‘ not supported

m0_46619764的博客

01-06

687

1. 如果前台使用的是form表单直接请求的后台,那么需要把后台的@RequestBody 去掉因为你传入的不是json格式的所以不需要添加@RequestBody 2. 如果使用的是ajax那么你需要设置你的参数类型或者请求头

解决问题：Content type ‘application/x-www-form-urlencoded；charset=utf-8‘ not supported

码农跟牛马有什么区别

06-27

1354

Content type 'application/x-www-form-urlencoded;charset=utf-8' not supported

ContentType与参数接收问题

rua123的博客

10-31

630

昨天在写业务代码的时候遇到这样一个问题。前端提交content-type为application/json并携带参数的查询请求时，后端无法接受到该参数。下面展示问题如何复现以及如何解决的一、问题复现先准备好用于测试的代码前端代码 $.ajax({ type: 'POST', url: '${base.contextPath}/queryStudent', contentType : 'applica

axios中post请求后台取不到值解决

weixin_30460489的博客

05-22

336

使用 application/x-www-form-urlencoded 格式化默认情况下，axios串联js对象为JSON格式。为了发送application/x-wwww-form-urlencoded格式数据，你可以使用一下的设置。浏览器 Browser 在浏览器中你可以如下使用URLSearchParamsAPI: var params = new URLS...

请求json 文件数据拿不到（文件编码问题）

Z1591090的博客

10-10

2094

问题：今天遇到一个问题，后台把一个json 文件放到服务器上，客户端请求josn文件，但是呢，使用AFNetworking 请求文件，却拿不到数据，但是用青花瓷和safari 都可以拿到数据原因：通过查看文件的编码格式发现不是UTF-8格式而是latin1 所以iOS 苹果请求不到。查看文件的编码方式解决方案： window 电脑生成的josn 文件，看一下里面的汉字是不是UTF-8 文件...

vue2项目-request配置put请求Content-Type为x-www-form-urlencoded

qq_41421033的博客

03-14

3325

当发起put请求时, headers里的Content-Type的值需要改为application/x-www-form-urlencoded

vue2前端使用axios发起post请求，后端(springboot)拿不到值解决办法

m0_53428367的博客

11-09

5256

vue2前端使用axios发起post请求，后端(springboot)拿不到值解决办法

发送post请求后台接收不到参数

04-03

### 常见原因分析在使用 Axios 发送 POST 请求时，如果后台无法接收到参数，通常可能由以下几个方面的原因引起： 1. **Content-Type 不匹配** 如果前端设置的 `Content-Type` 和后端解析器不一致，则可能导致后端无法正确解析请求体中的数据。例如，Axios 默认会将 POST 数据作为 JSON 格式的 `Request Payload` 发送，而某些后端框架（如 Java 的 Spring Boot）默认期望的是表单格式的数据 (`application/x-www-form-urlencoded`)。 2. **数据格式错误** Axios 默认发送的对象会被序列化为 JSON 字符串。然而，部分后端仅支持接收 URL 编码形式的键值对数据。因此，当数据以 JSON 形式传递时，可能会被忽略。 3. **缺少必要的依赖库** 在需要转换数据格式的情况下，如果没有引入合适的工具库（如 `qs`），则难以实现从对象到 URL 编码字符串的转化[^2]。 --- ### 解决方案以下是针对上述问题的具体解决方法： #### 方法一：使用 `qs` 库进行数据序列化通过安装并配置 `qs` 库，可以轻松地将 JavaScript 对象转化为 URL 编码的形式。具体操作如下： ```javascript // 安装 qs 库 npm install qs --save import axios from 'axios'; import qs from 'qs'; let postData = { certificationAccount: 'example', balance: 100 }; axios.post('/api/endpoint', qs.stringify(postData), { headers: { 'Content-Type': 'application/x-www-form-urlencoded' } }).then(response => { console.log(response.data); }); ``` 此方法适用于大多数场景，并能有效兼容不同类型的后端接口需求[^4]。 #### 方法二：手动拼接查询字符串如果不希望额外增加第三方依赖项，也可以采用手动生成 URL 参数的方式完成相同功能： ```javascript function toQueryString(obj) { const paramsArray = []; Object.keys(obj).forEach(key => { if (obj[key]) { paramsArray.push(`${encodeURIComponent(key)}=${encodeURIComponent(obj[key])}`); } }); return paramsArray.join('&'); } const postData = { username: 'testUser', password: 'password' }; axios({ method: 'post', url: '/login', data: toQueryString(postData), headers: { 'Content-Type': 'application/x-www-form-urlencoded' } }) .then(res => console.log(res)) .catch(err => console.error(err)); ``` 这种方法虽然简单易懂，但对于复杂结构的数据处理起来较为繁琐[^3]。 #### 方法三：调整 Content-Type 为 application/json 对于那些能够接受 JSON 输入的服务来说，只需确保设置了正确的头部信息即可正常工作： ```javascript axios.post('/submit', { key1: value1 }, { headers: {'content-type': 'application/json'} }).then((response)=>{ console.log('Success:', response.status); }).catch((error)=>{ console.log('Error:', error.message); }); ``` 注意这里不再需要任何特殊编码过程，因为目标 API 已经明确声明它偏好这种媒介类型[^1]。 --- ### 总结综上所述，在遇到 Vue 中利用 Axios 执行 Post 操作却得不到预期响应的情况时，应优先考虑是否存在以上提到的内容类型差异或者传输机制上的偏差等问题；然后依据实际情况选取恰当的技术手段予以修正。