JS中FormData为空

Question

<form class="form">
  <div class="container">
    <label>URL</label>
    <input id="data-url" value="val" type="text" />
  </div>
</form>

const formData = new FormData(document.querySelector('.form'));
console.log([...formData])

它是 HTML 的简化版本，但基本上label和input标签都是form的后代。我正在尝试使用 FormData API 获取输入值和标签名称，但由于某种原因它是空的。

Answer 1

您需要输入 a name：

form.addEventListener('submit', function(e) {
  e.preventDefault();
  const formData = new FormData(form);
  console.log([...formData])
})

<form class="form" id="form">
  <div class="container">
    <label>URL</label>
    <input id="data-url" value="val" type="text" name="data-url" />
  </div>
  <button>View form data</button>
</form>