js获取当前表单数据

可以使用 JavaScript 中的 FormData 对象来获取当前表单数据，具体步骤如下：

1. 获取表单元素对象

let form = document.getElementById("myForm");

2. 创建 FormData 对象

let formData = new FormData(form);

3. 遍历 FormData 对象获取表单数据

for (let [key, value] of formData.entries()) {
  console.log(key, value);
}

在遍历 FormData 对象时，每个元素都是一个数组，第一个元素为表单元素的名称，第二个元素为表单元素的值。可以根据需要对表单数据进行处理。

相关问题

js获取当前按钮所在的表单数据

可以使用以下方法获取当前按钮所在的表单数据：

1. 获取按钮元素：可以通过事件参数 `event.target` 获取当前点击的按钮元素。

2. 获取表单元素：可以通过按钮元素的 `form` 属性获取当前按钮所在的表单元素。

3. 获取表单数据：可以通过表单元素的 `FormData()` 方法获取表单数据，返回一个包含表单数据的对象。

示例代码：

function handleSubmit(event) {
  event.preventDefault(); // 阻止表单提交

  // 获取当前点击的按钮元素
  const button = event.target;

  // 获取当前按钮所在的表单元素
  const form = button.form;

  // 获取表单数据
  const formData = new FormData(form);

  // 使用表单数据进行后续操作
  console.log(formData);
}

在表单元素中添加 `onsubmit` 属性，将该函数作为表单提交时的回调函数，即可在表单提交前获取表单数据。例如：

<form onsubmit="handleSubmit(event)">
  <!-- 表单元素 -->
  <button type="submit">提交</button>
</form>

jeecgbootvue3 FormSchema 中怎么拿到当前表单的数据

在jeecgbootvue3中，可以使用 `this.formData` 来获取当前表单的数据。`formData` 是一个响应式的对象，包含了表单中所有的字段和对应的值。你可以在任何时候使用 `this.formData` 来获取表单的最新数据。

例如，在表单提交时，你可以通过 `this.formData` 来获取当前表单的数据，并将其发送到后端进行处理：

methods: {
  onSubmit() {
    // 获取表单数据
    const formData = this.formData;
    
    // 将表单数据发送到后端
    axios.post('/api/submit-form', formData)
      .then(response => {
        // 处理响应
      })
      .catch(error => {
        // 处理错误
      });
  }
}

另外，如果你需要在表单中设置默认值，可以在 `created` 钩子函数中对 `formData` 进行初始化：

created() {
  this.formData = {
    name: '张三',
    age: 18,
    // ...
  };
},