设置Content-Type为JSON但AJAX请求以x-www-form-urlencoded发送，数据缺失求助

我正在使用AJAX向我的应用发送POST请求。在Postman中一切运行正常，但在浏览器中，数据以x-www-form-urlencoded格式传入且存在数据丢失情况。以下是我的AJAX配置及请求头信息：

$.ajax({ 
  url: '/', 
  headers: { 
    'Accept': 'application/json', 
    'Content-Type': "application/json" 
  }, 
  data: JSON.stringify(formData), 
  method: 'POST' 
});

请求头：{ host: 'localhost:8080', 'user-agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x...' }

解决思路和方案 #

嘿，这个问题我太熟了——Postman能跑通但浏览器不行，大概率是jQuery AJAX的默认行为或者请求头没生效导致的，给你几个排查和解决的方向：

• 优先用jQuery的contentType配置项，而非手动设置headers
  有时候手动在headers里加Content-Type会被jQuery的默认逻辑覆盖，比如如果你的data看起来像表单数据，它会自动改成x-www-form-urlencoded。试试改用jQuery专门的contentType参数，这个会更可靠：

  $.ajax({ 
    url: '/', 
    contentType: "application/json", // 替换headers里的Content-Type设置
    accept: 'application/json', // 这里用小写的accept也可以，jQuery会自动处理
    data: JSON.stringify(formData), 
    method: 'POST' 
  });
  

• 检查你的formData是否能被正确序列化
  先在浏览器控制台里跑一遍JSON.stringify(formData)，看看输出的字符串是不是你预期的完整结构。如果formData里有undefined、函数或者循环引用的对象，这些都会被JSON.stringify忽略掉，直接导致数据丢失。要是有这种情况，先把这些无效内容清理掉再序列化。

• 确认浏览器实际发送的请求头和 payload
  打开浏览器的开发者工具（按F12），切换到Network面板，找到你的POST请求：

  1. 看Request Headers里有没有Content-Type: application/json，如果没有，说明前面的配置没生效；
  2. 看Request Payload里的内容是不是完整的JSON字符串，要是这里就缺数据，那问题出在前端序列化环节；
  3. 如果请求头和payload都正常，那就要去排查后端是不是没正确配置JSON格式的请求解析——比如有些后端框架需要手动开启JSON解析器，否则会默认按表单格式解析，自然读不到数据。

内容的提问来源于stack exchange，提问作者Rodrigo Estrella