使用$.ajax发送JSON却传递查询字符串，问题排查求助

嘿，这个问题我之前也踩过坑！核心原因是jQuery的$.ajax对data参数的默认处理逻辑：当你传入的是一个JavaScript对象（比如你定义的dat）时，不管你有没有设置contentType: "application/json"，它都会自动把对象序列化成表单URL编码格式（就是你看到的test=opa&foo=bar这种），而不是JSON字符串。

解决方法很简单：把对象转成JSON字符串 #

你需要用JSON.stringify()方法把dat对象转换成JSON格式的字符串，再传给data参数。修改后的代码如下：

var dat = {"test":"opa"}; 
console.log(dat); 
$.ajax({ 
  contentType: "application/json", 
  method: "POST", 
  url: "/test", 
  dataType: "json", 
  data: JSON.stringify(dat), // 这里是关键改动
  success:function(res){ 
    console.log(res); 
  } 
});

额外提醒 #

• dataType: "json"只是告诉jQuery预期服务器返回的数据格式是JSON，和你发送的数据格式没有关系，这个设置本身是没问题的。
• 别忘了确保你的服务器端能正确解析application/json类型的请求体：比如用Express的话要加express.json()中间件；用PHP的话需要通过file_get_contents('php://input')获取原始请求体，再用json_decode()解析。

内容的提问来源于stack exchange，提问作者luz.arthur