常量数据 = Object.fromEntries(formData);

Question

如何将数组添加到该对象的最后一个：

const formElment = document.querySelector(".form");

formElment.addEventListener("submit", (event) => {
  event.preventDefault();

  var array = [];
  var checkboxes = document.querySelectorAll("input[type=checkbox]:checked");

  for (var i = 0; i < checkboxes.length; i++) {
    array.push(checkboxes[i].value);
    console.log(checkboxes[i].id);
  }

  const formData = new FormData(formElment);
  const data = Object.fromEntries(formData);
  
  console.log(data);

});

我使用

eventlistner

来获取表单数据和 checkbox=checked。所以现在我想将那些选定的复选框 ID 添加到对象的末尾并通过 API 发送。

Answer 1

我认为你可以将数组的值添加到 FormData 中。

formData.append("checkedValues", array.join(","));

然后您可以将表单发布到 API。

参考：https://developer.mozilla.org/en-US/docs/Web/API/FormData/append