表单 提交json_表单提交json数组：代码示例

表单提交JSON数组是通过将表单数据转换为JSON格式，然后以POST请求的方式发送到服务器。这种方式可以方便地传递多个数据项，并且数据结构更加灵活。

我们需要通过JavaScript获取表单的数据，并将其转换为JSON格式。可以使用FormData对象来收集表单数据，并使用JSON.stringify()方法将其转换为JSON字符串。例如：

// 获取表单元素
var form = document.getElementById('myForm');
// 创建FormData对象
var formData = new FormData(form);
// 将FormData对象转换为JSON字符串
var jsonData = JSON.stringify(Object.fromEntries(formData));

接下来，我们需要将JSON数据发送到服务器。可以使用XMLHttpRequest对象或者fetch API来发送POST请求，并设置请求头的Content-Type为application/json。例如：

// 创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 设置请求参数
xhr.open('POST', 'http://example.com/api/submit', true);
xhr.setRequestHeader('Content-Type', 'application/json');
// 发送JSON数据
xhr.send(jsonData);

或者使用fetch API发送POST请求：

// 发送POST请求
fetch('http://example.com/api/submit', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: jsonData
});

以上代码示例中，我们首先通过FormData对象获取表单数据，并将其转换为JSON字符串。然后使用XMLHttpRequest对象或fetch API发送POST请求，并将JSON数据作为请求体发送到服务器。

通过这种方式，我们可以方便地将表单数据以JSON数组的形式提交到服务器，实现更灵活的数据传递和处理。