使用jQuery.post提交JSON至'/confirm'时遇'description必须为String类型'错误

看起来你遇到的问题大概率和两个点有关：要么是你获取的输入值类型不对，要么是jQuery默认的请求编码格式和后端期望的不匹配。我们一步步来排查和解决：

第一步：确认desc变量的实际类型和值 #

先在代码里加一行日志，看看你拿到的到底是什么：

var desc = $form.find("input[name='description']").val();
console.log("desc的值:", desc, "类型:", typeof desc); // 新增这行日志

如果输出的类型是undefined，那说明你的选择器没找到对应的输入框——检查一下：

• 输入框的name属性是不是确实是description？
• 这个输入框是不是嵌套在.js-form这个表单节点里面？

如果是空字符串("")，那它本身是字符串类型，但如果后端要求非空字符串，那可能是另一个问题，但你当前的错误是类型不符，所以重点看是不是undefined或者null。

第二步：确保请求体是后端期望的JSON格式 #

你用$.post(url, {description: desc}, ..., "json")的时候，要注意第四个参数"json"是响应的数据类型，不是请求的编码格式。jQuery的$.post默认会把你传入的对象转成application/x-www-form-urlencoded格式的表单数据（比如description=xxx），而如果后端期望的是application/json格式的请求体，那它解析时就会把表单数据当成非预期的格式，导致description类型校验失败。

解决这个问题的话，改用$.ajax来手动设置请求头和序列化数据：

$(document).ready(function() {
  var $form = $(".js-form");
  $form.on("submit", function(event) {
    event.preventDefault();
    var desc = $form.find("input[name='description']").val();
    // 确保desc始终是字符串，处理可能的undefined情况
    var payload = { description: desc || "" };
    var url = "/confirm";
    
    $.ajax({
      url: url,
      type: "POST",
      contentType: "application/json", // 明确告诉后端请求体是JSON格式
      data: JSON.stringify(payload), // 将JS对象转为JSON字符串
      dataType: "json", // 期望后端返回JSON格式的响应
      success: function(response) {
        console.log(response);
      },
      error: function(xhr, status, error) {
        console.error("请求出错:", error); // 新增错误日志方便排查
      }
    });
  });
});

这样修改后，请求体就是标准的JSON格式，而且我们确保了description始终是字符串类型（哪怕输入为空，也会传空字符串）。

额外检查点 #

• 后端接口是不是确实要求description字段是字符串类型？有没有可能它隐含要求非空字符串？如果是后者，你可以在前端加个前置判断：

  if (!desc.trim()) {
    alert("请输入描述内容");
    return;
  }
  

  避免空值提交引发后续问题。

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