以JSON(无AJAX)的形式提交表单

以JSON（无AJAX）的形式提交表单，是指在前端页面中，使用JavaScript将表单数据转换为JSON格式，并通过HTTP请求发送到后端服务器。这种方式可以简化表单提交过程，提高用户体验，并且方便后端服务器处理数据。

以下是一个简单的示例代码，展示如何使用JavaScript将表单数据转换为JSON格式，并通过HTTP请求发送到后端服务器：

// 获取表单元素
const form = document.querySelector('#myForm');

// 监听表单提交事件
form.addEventListener('submit', (event) => {
  // 阻止默认提交行为
  event.preventDefault();

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

  // 将表单数据转换为JSON格式
  const jsonData = {};
  for (const [key, value] of formData.entries()) {
    jsonData[key] = value;
  }

  // 发送HTTP请求
  fetch('/submit', {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json'
    },
    body: JSON.stringify(jsonData)
  })
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error(error));
});

在这个示例代码中，我们首先获取表单元素，并监听表单提交事件。当用户提交表单时，我们会阻止默认的提交行为，获取表单数据，将其转换为JSON格式，并通过HTTP请求发送到后端服务器。在后端服务器中，我们可以使用相应的编程语言和框架来处理这个JSON数据，并返回响应给前端页面。

需要注意的是，在使用这种方式提交表单时，我们需要在后端服务器中配置相应的路由和处理逻辑，以便接收和处理前端发送的JSON数据。此外，我们还需要在前端页面中处理服务器返回的响应数据，以便给用户提供更好的体验。