FormData 对象 returns 即使对于非空表单也是空的

Question

FormData 对于具有 2 个输入字段的表单，对象为空。 formData.getAll() 记录错误 TypeError: Not enough arguments to FormData.getAll.。这是我的代码：

<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Document</title>

    <script>
      function test () {
        var element = document.getElementById("invite-form");
        console.log(element);
        var formdata = new FormData(element)
        console.log(formdata.getAll());
      }
    </script>

  </head>
  <body>

    <form id="invite-form" method='POST' action=''>
      <label for="email">Email...</label>
      <input type="text" name="email" value="human@earth.com"/>
      <input type="hidden" name="csrf_token" value="random" />
      <button class="btn" onclick="test()">Button</button>
    </form>

  </body>
</html>

我尝试使用单击按钮时表单中的值填充 FormData 对象

Answer 1

FormData接口的getAll()方法需要给定key
然后，它 returns FormData 对象中与该键关联的所有值。

function test () {
    var element = document.getElementById("invite-form");
    console.log(element);
    var formdata = new FormData(element)
    console.log(formdata.getAll('email')); // <- needs key
}

FormData 对象 returns 即使对于非空表单也是空的

FormData object returns empty even for a non-empty form

javascript

form-data