POST fetch请求中如何将JSON嵌套至data对象内提交

你无需修改表单监听、fetch请求相关的其他代码，仅需调整convertFD2JSON表单转JSON的函数逻辑，就能生成符合Xano要求的嵌套结构。

具体修改逻辑 #

原函数是直接把表单字段组装成的平面对象序列化为JSON，你只需要把组装好的表单字段对象挂载到data属性下，再整体做JSON序列化即可。

修改后的convertFD2JSON函数代码如下，直接替换你原来的同名函数就行：

function convertFD2JSON(formData) {
  let obj = {};
  for (let key of formData.keys()) {
    obj[key] = formData.get(key);
  }
  return JSON.stringify({
    data: obj
  });
}

验证方式 #

修改完成后提交表单，在浏览器开发者工具的网络面板里查看该POST请求的请求体，就会看到符合要求的结构：

{
  "data": {
    "job_type": "full-time",
    "job_title": "3D Art Director",
    "job_location": "remote",
    "job_level": "senior",
    "salary": "$600 day"
  }
}

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