javascript - 调用 .submit() 后创建的表单未提交

Question

我需要创建一个表单并即时调用提交，如下所示:(Chrome 工作，不在 Firefox 上)

var form = document.createElement("form");
form.name="openGame";
form.method = "post";
form.action="/public/games";
var lat = document.createElement("input");
lat.name="latitude";
lat.value=$("#city[name=latitude]").val() || " ";
lat.type="hidden";
form.appendChild(lat);
var lng = document.createElement("input");
lng.name="longitude";
lng.value=$("#city[name=longitude]").val() || " ";
lng.type="hidden";
form.appendChild(lng);
var address = document.createElement("input");
address.name="city";
address.value=$("#city[name=city]").val() || " " ;
address.type="hidden";
form.appendChild(address);
var game = document.createElement("input");
game.name="game";
game.value=id;
game.type="hidden";
form.appendChild(game);
form.submit();

但是表单实际上并没有提交。没有错误，控制台没有输出

Answer 1

看起来您的表单从未附加到 DOM。

您不能提交未在 Firefox 中呈现的表单。

如果您不想显示它，请使用 display: none 将其附加到 DOM。

另一种方法是手动构建 XMLHttpRequest，或者在 jQuery 中构建 $.post。