服务端如何获取表单还是json

在服务端处理客户端请求时，我们经常会遇到两种数据格式：表单（Form）和JSON，这两种格式各有特点，适用于不同的场景，我们就来聊聊服务端如何识别和处理这两种数据格式。

我们要了解表单和JSON的区别，表单是一种传统的数据提交方式，通常通过HTTP GET或POST方法发送，表单数据通常是键值对的形式，以application/x-www-form-urlencoded或multipart/form-data编码，而JSON是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成，JSON数据通常以application/json编码。

服务端如何识别客户端发送的是表单还是JSON呢？这主要依赖于HTTP请求的Content-Type头部，如果Content-Type头部的值是application/x-www-form-urlencoded或multipart/form-data，那么服务端可以认为客户端发送的是表单数据，如果Content-Type头部的值是application/json，那么服务端可以认为客户端发送的是JSON数据。

我们来聊聊服务端如何处理这两种数据格式。

对于表单数据，服务端需要解析请求体中的键值对，这通常可以通过框架提供的方法来实现，例如在Express.js中，可以使用req.body属性来获取解析后的表单数据，如果表单数据是以multipart/form-data编码的，那么服务端还需要处理文件上传的情况。

对于JSON数据，服务端同样需要解析请求体中的JSON字符串，在Express.js中，可以使用req.body属性来获取解析后的JSON对象，需要注意的是，为了能够正确解析JSON数据，服务端需要设置express.json()中间件，以便自动解析JSON请求体。

在实际开发中，我们可能会遇到需要同时支持表单和JSON的情况，这时，我们可以通过检查Content-Type头部的值来决定使用哪种解析方式，在Express.js中，可以这样实现：

app.use(express.json()); // 支持JSON请求体
app.post('/api/submit', (req, res) => {
  if (req.is('application/json')) {
    // 处理JSON数据
    const data = req.body;
    // ...
  } else if (req.is('application/x-www-form-urlencoded')) {
    // 处理表单数据
    const data = req.body;
    // ...
  } else {
    res.status(415).send('Unsupported Media Type');
  }
});

在这个例子中，我们首先设置了express.json()中间件来支持JSON请求体，在处理请求时，我们通过req.is()方法检查Content-Type头部的值，根据值的不同来决定使用哪种解析方式。

服务端识别和处理表单和JSON数据主要依赖于HTTP请求的Content-Type头部，通过检查这个头部的值，服务端可以决定使用哪种解析方式，从而正确处理客户端发送的数据，在实际开发中，我们可以根据需要选择支持表单、JSON或两者同时支持。