AJAX POST请求中，JSON格式的post-data是否需要单引号包裹？

别担心，这真不是你JS能力的问题——是jQuery的$.post（底层基于$.ajax）的默认行为很容易让人踩坑！

为什么直接传JS对象会报错？ #

当你把JavaScript对象传给data字段时，jQuery默认会把它序列化成表单编码格式（application/x-www-form-urlencoded），也就是类似locations[0]=antwerpen&locations[1]=zaventem&options[routeType]=fastest的键值对。但你已经设置了contentType: "application/json"，相当于告诉服务器「我发的是JSON格式数据」，可实际发送的却是表单结构，API自然会返回格式错误。

为什么传字符串就正常？ #

当你把字符串形式的JSON传给data时，jQuery不会对它做任何序列化处理，直接把这个原封不动的字符串作为请求体发送给服务器，正好匹配API期望的JSON格式，所以能正常运行。

正确使用JSON.stringify的方式 #

你提到用了JSON.stringify但没生效，大概率是操作时的小疏漏。正确的流程应该是这样：

1. 先组装包含用户输入的JS对象
2. 用JSON.stringify把对象转换成标准JSON字符串
3. 把这个字符串传给data字段

举个完整的示例：

// 假设从用户输入获取locations（比如输入框拆分）
const userInputLocations = ["antwerpen", "zaventem"];
// 组装请求数据对象
const postDataObj = {
  "locations": userInputLocations,
  "options": {"routeType": "fastest"}
};

// 转换成JSON字符串
const postData = JSON.stringify(postDataObj);

// 发起请求
$.post({
  type: 'POST',
  url: 'https://www.mapquestapi.com/directions/v2/route?key=$key',
  data: postData,
  success: function(data) {
    const afstand = data.route.distance;
    console.log('获取到距离：', afstand);
  },
  contentType: "application/json",
  dataType: 'json'
});

额外小提醒 #

• JSON.stringify会自动处理用户输入里的特殊字符（比如引号、换行），不用手动转义，放心用就行。
• 如果你不想手动做字符串转换，也可以给$.post加个processData: false选项，但直接转成字符串的写法更直观，也更容易排查问题。

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