Javascript 使用ajax提交表单时出错

当我提交post方法表单时，给定输入字段值，提交时不获取。如果我在Jquery中使用Ajax调用，那么表单值将序列化并正确提交，但是在javascript中，使用FormData的Ajax调用会出错

谁能解决我的问题

错误：

错误：发送邮件后无法设置邮件头。在 ServerResponse.OutgoingMessage.setHeader（_http_outgoing.js:356:11）

apollo.model.save.unsetkey:主键字段：名称必须有一个值

标题
输入名称：
姓：
年龄：

函数loadForm（）{
var xhttp=newXMLHttpRequest（）；
var myForm=document.getElementById（'myForm'）；
var formData=新formData（myForm）；
xhttp.onreadystatechange=函数（）{
if（this.readyState==4&&this.status==200）{
document.getElementById（“demo”）.innerHTML=
这个.responseText；
}
};
xhttp.open（“POST”http://127.0.0.1:8080/user“，对）；
setRequestHeader（'Accept'，'application/json'）；
setRequestHeader（'Content-Type'，'application/json'）；
var data=JSON.stringify（formData）；
log（'data='，data）；
发送（数据）；
}

您不会停止表单的默认提交，因此当有人单击提交按钮时，表单将正常提交，也可以使用Ajax进行提交。解决方案是将侦听器绑定到表单提交并防止默认行为

试试这个：

document.querySelector("#myForm").addEventListener("submit", function (event) {
    event.preventDefault();
    // ... Ajax call here ...
})

---

你是否有机会刷新你的页面？你能告诉我们错误吗？我得到的错误名称必须有一个值，但我给了输入字段一个值。你能告诉我FormData是正确的吗？。

document.querySelector("#myForm").addEventListener("submit", function (event) {
    event.preventDefault();
    // ... Ajax call here ...
})