2021年了还不知道前后端数据交互格式？_前后端交互如何判断前端发送过来的数据格式-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_44799924/article/details/116199754

本文详细介绍了Content-Type的作用，常见的媒体格式类型，前后端数据交互时出现的问题及其解决方案，特别是JSON与键值对格式的使用场景。在解决数据格式不一致的问题时，关键在于设置正确的Content-Type，确保前端发送JSON格式数据，后端正确解析。同时，讨论了RESTful API中不同请求方式的参数传递方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、content-type介绍

Content-Type（内容类型），一般是指网页中存在的Content-Type，用于定义网络文件的类型和网页的编码，决定浏览器将以什么形式、什么编码读取这个文件，这就是经常看到一些 PHP 网页点击的结果却是下载一个文件或一张图片的原因。

Content-Type标头告诉客户端实际返回的内容的内容类型。

语法格式：

Content-Type: text/html; charset=utf-8
Content-Type: multipart/form-data; boundary=something

查看一下实例：
在这里插入图片描述

二、常见的媒体格式类型如下：

text/html ： HTML格式
text/plain ：纯文本格式
text/xml ： XML格式
image/gif ：gif图片格式
image/jpeg ：jpg图片格式
image/png：png图片格式

以application开头的媒体格式类型：

application/xhtml+xml ：XHTML格式
application/xml： XML数据格式
application/atom+xml ：Atom XML聚合格式
application/json： JSON数据格式
application/pdf：pdf格式
application/msword ： Word文档格式
application/octet-stream ：二进制流数据（如常见的文件下载）
application/x-www-form-urlencoded ： <form encType=””>中默认的encType，form表单数据被编码为key/value[键值对]格式发送到服务器（表单默认的提交数据的格式）

另外一种常见的媒体格式是上传文件之时使用的：
multipart/form-data ：需要在表单中进行文件上传时，就需要使用该格式

三、前后端传递数据的格式问题及解决方案

先看出现的异常：

org.springframework.web.HttpMediaTypeNotSupportedException: Content type 'application/x-www-form-urlencoded;charset=UTF-8' not supported

前端代码：

 $.ajax({
   
        type:"post",
        url:&#