本文详解如何使用 jquery ajax 向 spring boot 后端发送结构化数据（如 count 和 pno），并配合正确的注解（@requestbody）接收，避免因混淆 @requestparam 与 @requestbody 导致的 400 错误。
本文详解如何使用 jquery ajax 向 spring boot 后端发送结构化数据（如 count 和 pno），并配合正确的注解（@requestbody）接收，避免因混淆 @requestparam 与 @requestbody 导致的 400 错误。
在前端使用 $.ajax() 发送 JavaScript 对象时，默认会以 application/x-www-form-urlencoded 格式提交（即键值对形式），但若后端期望接收 JSON 格式的数据，则需显式设置 contentType: 'application/json' 并将数据序列化为 JSON 字符串；而更常见且推荐的做法是——让 Spring Boot 直接解析请求体中的表单数据，此时无需手动序列化，只需后端使用 @RequestBody 接收（前提是内容类型匹配）或更简单地直接绑定参数。
但注意：你原始代码中 data: form 实际触发的是表单编码（application/x-www-form-urlencoded），而非 JSON。因此，控制器应采用以下两种方式之一进行适配：
✅ 方案一（推荐）：保持表单提交格式，用 @RequestParam 直接接收字段
// 前端保持原样（自动编码为表单）
$.ajax({
url: 'product/basket/change',
type: 'POST',
data: { count: count, pno: pno }, // 简洁写法
success: function(response) {
console.log('更新成功');
},
error: function(xhr) {
console.error('请求失败:', xhr.status, xhr.responseText);
}
});// 后端直接按参数名映射（无需 Map 封装）
@ResponseBody
@PostMapping("/product/basket/change")
public void basketChange(
@RequestParam int count,
@RequestParam int pno) {
// 直接使用 count 和 pno，类型安全、简洁清晰
System.out.println("count=" + count + ", pno=" + pno);
}✅ 方案二：发送 JSON，后端用 @RequestBody 解析
若需发送复杂嵌套对象或统一数据结构，可主动发送 JSON：
$.ajax({
url: 'product/basket/change',
type: 'POST',
contentType: 'application/json', // 关键：声明内容类型
data: JSON.stringify({ count: count, pno: pno }), // 手动序列化
success: function(response) {
console.log('JSON 提交成功');
}
});// 后端用 @RequestBody 接收（需确保有 Jackson 依赖）
@ResponseBody
@PostMapping("/product/basket/change")
public void basketChange(@RequestBody Map<String, Object> data) {
Integer count = (Integer) data.get("count");
Integer pno = (Integer) data.get("pno");
// 注意：Map<String, Object> 更健壮（支持 int/Integer 自动转换）
}⚠️ 关键注意事项：
- ❌ 不要对表单数据用 @RequestParam(name = "form") Map... —— name="form" 意味着期望 URL 中存在 ?form=xxx 参数，而你的 AJAX 并未这样构造；
- ✅ @RequestParam 适用于 application/x-www-form-urlencoded 或查询参数，每个字段独立绑定；
- ✅ @RequestBody 适用于 application/json，整个请求体被反序列化为对象；
- Spring Boot 默认已包含 Jackson，无需额外配置即可支持 JSON 解析；
- 开发时建议开启日志：logging.level.org.springframework.web=DEBUG，便于排查请求内容类型与绑定过程。
综上，对于简单字段传递，方案一（直接 @RequestParam）更轻量、不易出错，是最佳实践；只有在需要传输嵌套结构或与前端约定 JSON 接口时，才选用方案二。
