为什么不能提交未呈现的表单?

有没有办法提交未渲染的 form ?

我有一个特定的场景,我想向服务器提交一个动态表单。到目前为止,我通过添加 类型 到 body 使用创建后 jQuery .效果很好,但我想知道 为什么我不能提交 in memory 类型 不渲染到 DOM 。

以下是我尝试的代码片段:

var action_url = "/post-url";
$(`
  <form action=${action_url} method="POST">
    <input type="text" value="name1" name="name1"/>
    <input type="text" value="name2" name="name2"/>
    <input type="text" value="name3" name="name3"/>
  </form>
`).appendTo('body').submit();

那么,为什么我不能像下面这样做:

var action_url = "/post-url";
$(`
  <form action=${action_url} method="POST">
    <input type="text" value="name1" name="name1"/>
    <input type="text" value="name2" name="name2"/>
    <input type="text" value="name3" name="name3"/>
  </form>
`).submit();

当我在控制台中运行上述代码时,会收到以下警告消息:

表单提交已取消,因为表单未连接