使用jQuery Post方法时如何避免发送表单数据并传递自定义对象

这个问题我太熟了！核心原因是：你以为自己在传自定义对象，但jQuery的$.post()方法默认会把传入的数据编码成表单格式（application/x-www-form-urlencoded），而你的服务器期望接收的是JSON格式的数据，所以才会返回“不支持的媒体类型”（HTTP 415错误）。

直接给你两种解决办法，推荐第一种：

方法一：改用$.ajax()手动配置请求 #

$.post()是$.ajax()的简化封装，默认配置没办法直接修改请求头和数据序列化方式，所以换成$.ajax()更灵活。你只需要做这两步：

1. 用JSON.stringify()把自定义对象转换成JSON字符串
2. 设置contentType为application/json，告诉服务器你发的是JSON数据

举个具体的代码例子，假设你原来的代码是这样：

var submitLeadDetails = function() {
  var lead = {
    name: "John Doe",
    email: "john@example.com",
    phone: "1234567890"
  };
  $.post("/api/submit-lead", lead, function(response) {
    console.log("提交成功", response);
  }).fail(function(xhr) {
    console.error("错误：", xhr.statusText); // 这里出现“不支持的媒体类型”
  });
};

修改后应该写成这样：

var submitLeadDetails = function() {
  var lead = {
    name: "John Doe",
    email: "john@example.com",
    phone: "1234567890"
  };
  $.ajax({
    url: "/api/submit-lead",
    type: "POST",
    data: JSON.stringify(lead), // 把对象转成JSON字符串
    contentType: "application/json; charset=utf-8", // 声明请求类型是JSON
    dataType: "json", // 可选，告诉jQuery期望返回JSON格式的响应
    success: function(response) {
      console.log("提交成功", response);
    },
    error: function(xhr) {
      console.error("错误：", xhr.statusText);
    }
  });
};

方法二：全局修改jQuery的默认配置（不推荐） #

如果你非要用$.post()，可以通过$.ajaxSetup()全局修改默认的contentType和数据处理方式，但这种方式会影响所有jQuery的AJAX请求，容易引发其他问题，所以只在特殊场景下用：

// 全局设置，放在你的代码开头
$.ajaxSetup({
  contentType: "application/json; charset=utf-8",
  processData: false // 禁止jQuery自动处理数据，我们自己转成JSON
});

// 然后你的$.post()就可以这么写
var submitLeadDetails = function() {
  var lead = {
    name: "John Doe",
    email: "john@example.com",
    phone: "1234567890"
  };
  $.post("/api/submit-lead", JSON.stringify(lead), function(response) {
    console.log("提交成功", response);
  }).fail(function(xhr) {
    console.error("错误：", xhr.statusText);
  });
};

额外注意事项 #

• 确保你的服务器端已经配置好接收JSON格式的请求：比如在ASP.NET Core里，要给参数加上[FromBody]属性；Java Spring项目要确保引入了JSON解析依赖（比如Jackson）。
• JSON.stringify()会自动处理对象里的特殊字符和嵌套结构，不用担心格式错误。

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