jQuery Ajax POST请求Payload异常问题求助

问题原因 #

直接传递纯字符串作为$.ajax的data参数时，jQuery默认会按表单键值对格式解析数据。当字符串不含=分隔符时，它会把整个字符串当作键名，值设为空字符串，因此出现'Hello': ""的Payload。

解决办法 #

根据后端接收数据的格式需求，选择以下方案：

方案1：后端期望接收纯文本字符串

手动设置contentType为text/plain，让jQuery直接发送原始字符串：

myVar = 'Hello';

$.ajax({
   type: 'POST',
   url : 'https://...',
   data: myVar,
   contentType: 'text/plain', // 指定内容类型为纯文本
   success : function(data) {
       // 处理成功响应
   },
   complete: function() { // 注意修正拼写错误：complite → complete
       // 请求完成后的处理
   },
   error: function(err) {
       // 处理错误
   }
})

此时请求Payload就是纯字符串Hello。

方案2：后端期望接收表单键值对

将字符串包装成对象，指定对应的键名，让jQuery按表单格式编码：

myVar = 'Hello';

$.ajax({
   type: 'POST',
   url : 'https://...',
   data: { content: myVar }, // 用对象包装，自定义键名
   success : function(data) {
       // 处理成功响应
   },
   complete: function() {
       // 请求完成后的处理
   },
   error: function(err) {
       // 处理错误
   }
})

此时请求Payload会是content=Hello（符合默认的application/x-www-form-urlencoded格式）。

额外提示 #

你代码中的complite是拼写错误，正确写法是complete，否则该回调函数不会被执行。

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