JSON数据传参：前后端通信的常见方式

什么是JSON数据传参

在开发网页或移动应用时，前端和后端需要频繁交换数据。JSON（JavaScript Object Notation）是一种轻量级的数据格式，结构清晰、易于读写，成了最常用的数据传参方式。

比如你在手机上提交一个注册表单，输入了用户名、密码和邮箱，这些信息通常会被打包成JSON格式，发送到服务器进行处理。

{"username": "zhangsan", "password": "123456", "email": "zhangsan@example.com"}

服务器收到这个JSON数据后，就能解析出具体字段，完成用户创建。

为什么用JSON传参

相比传统的表单数据或字符串拼接，JSON能表达更复杂的结构。例如，一个订单可能包含多个商品，每个商品又有名称、价格、数量等属性，用JSON很容易描述这种嵌套关系。

{
  "orderId": "20240405001",
  "items": [
    {"name": "笔记本", "price": 5999, "count": 1},
    {"name": "鼠标", "price": 99, "count": 2}
  ],
  "total": 6197
}

这样的数据结构一目了然，前后端开发人员都能快速理解。

实际使用中的常见方式

在前端代码中，通常会把JavaScript对象通过JSON.stringify()转成字符串，再通过fetch或axios发送给后端。

const data = { name: '小明', age: 25 };
fetch('/api/user', {
  method: 'POST',
  headers: { 'Content-Type': 'application/json' },
  body: JSON.stringify(data)
});

后端接收到请求后，根据Content-Type判断是JSON数据，再用对应语言的解析方法还原成对象。比如Node.js里用req.body，Python Flask中也能直接拿到json字段。

注意事项

传参时别忘了设置正确的请求头Content-Type为application/json，否则后端可能无法正确解析。另外，中文字符在JSON中要确保编码正确，避免乱码问题。

调试接口时，可以用浏览器开发者工具查看Network面板，检查发送的请求体是否符合预期。如果数据没传过去，先看看是不是忘了stringify，或者字段名拼错了。