在表单提交时，通过JavaScript代码将表单数据转换为API请求体格式，并通过Ajax请求将其发送到服务器。

例如，假设我们有一个表单，其中包含名字、姓氏、电子邮件和密码字段。以下是将表单数据转换为JSON对象的代码示例：

var formData = {
  "firstName": document.getElementById("firstName").value,
  "lastName": document.getElementById("lastName").value,
  "email": document.getElementById("email").value,
  "password": document.getElementById("password").value
};

// 将表单数据转换为JSON
var jsonFormData = JSON.stringify(formData);

接下来，我们可以使用Ajax的POST方法将JSON请求体发送到服务器：

var xhr = new XMLHttpRequest();
xhr.open("POST", "/api/users", true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onreadystatechange = function() {
  if (this.readyState === XMLHttpRequest.DONE && this.status === 200) {
    console.log(xhr.responseText);
  }
};
xhr.send(jsonFormData);

在此示例中，我们使用XMLHttpRequest对象发送POST请求。我们还将请求标头设置为"application/json"，以告诉服务器请求体是JSON格式。完成后，我们可以使用console.log打印服务器的响应。

这里的"/api/users"是服务器处理请求的URL。根据您的API和服务器配置，URL可能会有所不同。