原生XMLHttpRequest与jQuery.post返回响应不一致问题排查

尝试用简洁的 jQuery.post 替换老旧但可用的原生 XMLHttpRequest AJAX 代码时遇到问题：旧代码能正常获取包含“\r\nSuccess!!”的响应文本，但新的 jQuery.post 仅返回“\r\n”，无有效内容。为何二者响应不同？jQuery 是否截断了响应？

旧代码（简化版） #

xmlHttp.open("POST", post_url, true);
xmlHttp.setRequestHeader("Content-Type", "multipart/form-data");
xmlHttp.send(formData);
xmlHttp.onreadystatechange=function() {
  if (xmlHttp.readyState==4 && xmlHttp.status==200){
    let res = xmlHttp.responseText
    console.log({res})         // res: {"\r\nSuccess!!"} <-- 正常获取
  }
}

新代码 #

$.post( post_url, data, 
   res => console.log({res})   // res: {"\r\n"} <-- 仅返回空行
)

原因分析 #

1. 请求格式不匹配
   原生代码明确设置了Content-Type: multipart/form-data，并发送FormData对象，符合文件/表单上传的标准格式。而$.post默认使用application/x-www-form-urlencoded作为Content-Type，若传入的data不是FormData，jQuery会自动将数据编码为URL格式，导致后端无法正确解析请求，返回不完整的响应。

2. 响应解析自动处理
   jQuery.post 默认会根据响应头自动尝试解析内容（如JSON、HTML），如果后端返回的是非标准格式的纯文本，可能触发解析异常，导致响应内容被截断或丢失。

解决方案 #

改用$.ajax并手动配置参数，完全匹配原生代码的请求行为：

$.ajax({
  url: post_url,
  type: 'POST',
  data: formData, // 必须传入原生代码中使用的FormData对象
  contentType: false, // 禁止jQuery自动设置Content-Type，由浏览器自动处理multipart边界
  processData: false, // 禁止jQuery编码FormData，直接发送原始数据
  success: function(res) {
    console.log({res}); // 可正常获取"\r\nSuccess!!"
  }
});

关键配置说明：

• contentType: false：避免jQuery覆盖multipart/form-data的正确格式（浏览器会自动添加边界标识）
• processData: false：防止jQuery将FormData转换为URL编码格式，保证数据以正确的multipart格式发送

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