XMLHttpRequest使用POST打开时发送GET请求

Question

我在网页上编写了一个基本功能，以便将数据发布到Web服务器上的另一个页面，但是，每当我使用此功能提交时，服务器都会报告已收到没有表单数据的GET请求。

不幸的是，在整理问题时我完全不知所措，因为我不知道是什么原因造成的。

function submit_function(event){
    event.preventDefault();
    var req = new XMLHttpRequest();

    var fd = new FormData();
    fd.append("username", "username");
    fd.append("password", "password");

    req.open("POST", "/auth/login", true);
    req.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    req.send(fd);

    return false;
}

任何帮助或见解都值得赞赏，它来晚了，我很可能会错过一些明显的东西。

问题是由表单提交干扰请求引起的，因为它是嵌套的。

document.getElementById("formid").onsubmit = function(e){ submit(e); }

Answer 1

通常的原因是您的代码是由表单提交触发的，并且您没有取消表单提交，因此浏览器发送表单（作为GET，显然表单元素上没有type="POST" ）并且这会阻止ajax调用的实际执行（即使您的代码运行启动了它，也要撕毁页面以将其替换为表单提交的结果来阻止它）。 只要确保您阻止表单提交（ event.preventDefault() ）。