如何在jQuery中修改请求头属性，确保POST JSON请求正常发送？

我之前也碰到过一模一样的情况，大概率是jQuery默认的AJAX配置和你预期的不一致导致的，咱们一步步来搞定：

核心问题分析 #

jQuery的$.ajax方法默认会把data里的对象序列化为application/x-www-form-urlencoded格式的字符串，对应的请求头Content-Type也是这个值，而不是你需要的application/json。这就是为什么手动修改请求头后能正常工作——你手动把Content-Type改成了正确的类型。

修正后的代码示例 #

你需要显式指定contentType为application/json，同时把要发送的对象用JSON.stringify()转换成JSON字符串：

$.ajax({
  url: "http://localhost:8080/users/login",
  method: "POST",
  // 显式设置请求头类型
  contentType: "application/json",
  // 将数据序列化为JSON字符串
  data: JSON.stringify({
    // 这里填你的实际请求数据，比如账号密码
    username: "yourUsername",
    password: "yourPassword"
  }),
  // 如果服务器返回JSON响应，加上这个配置自动解析
  dataType: "json",
  success: function(response) {
    console.log("请求成功", response);
  },
  error: function(xhr, status, error) {
    console.error("请求失败", error);
  }
});

关键配置说明 #

• contentType: "application/json"：这是你之前缺失的核心配置，用来告诉服务器请求体是JSON格式。
• JSON.stringify(data)：jQuery不会自动帮你把对象转成JSON字符串，必须手动做这一步，否则即使设置了contentType，请求体格式还是不对。
• dataType: "json"：可选配置，让jQuery自动把服务器返回的JSON响应解析成JavaScript对象，方便后续处理。

验证修改效果 #

改完代码后重新发送请求，在Firefox开发者工具里检查：

• 确认Content-Type的值是application/json; charset=utf-8
• 确认请求体是标准的JSON格式

如果还有问题，可以检查服务器端是否正确开启了application/json类型请求体的解析支持（比如Node.js用express.json()中间件，Java Spring要开启JSON解析配置）。

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