ajax传递表单数据spring boot存入数据库

要使用 AJAX 传递表单数据并存储到 Spring Boot 数据库中，可以按照以下步骤进行操作：

1. 在前端页面，使用 jQuery 或者其他 JavaScript 框架来编写 AJAX 请求，将表单数据作为参数传递给后端接口。

例如，可以使用 jQuery 的 `$.ajax()` 方法来发送 POST 请求，将表单数据作为 JSON 数据传递给后端接口：

$.ajax({
  url: '/api/saveForm',
  method: 'POST',
  data: JSON.stringify(formData),
  contentType: 'application/json',
  success: function(response) {
    // 处理成功响应
  },
  error: function(jqXHR, textStatus, errorThrown) {
    // 处理错误响应
  }
});

其中 `formData` 是一个包含表单数据的 JavaScript 对象。

2. 在 Spring Boot 后端应用中，编写一个处理 POST 请求的控制器方法，用于接收前端传递的表单数据，并将其存储到数据库中。

例如，可以编写一个控制器方法如下：

@PostMapping("/api/saveForm")
public ResponseEntity<?> saveForm(@RequestBody FormData formData) {
  // 将表单数据存储到数据库中
  formDataRepository.save(formData);

  // 返回成功响应
  return ResponseEntity.ok().build();
}

其中 `FormData` 是一个 Java 类，用于表示表单数据，可以使用 `@RequestBody` 注解将前端传递的 JSON 数据自动转换成 Java 对象。`FormDataRepository` 则是一个 Spring Data JPA 的接口，用于操作数据库。

3. 在 Spring Boot 应用中配置数据库连接信息，并创建对应的表格。

例如，可以在 `application.properties` 配置文件中设置数据库连接信息：

spring.datasource.url=jdbc:mysql://localhost:3306/mydb
spring.datasource.username=root
spring.datasource.password=root
spring.datasource.driver-class-name=com.mysql.jdbc.Driver

spring.jpa.hibernate.ddl-auto=create
spring.jpa.show-sql=true

这里使用 MySQL 数据库，并设置了数据库连接信息。`spring.jpa.hibernate.ddl-auto` 参数设置为 `create`，表示在应用启动时自动创建表格。

4. 在 Spring Boot 应用中定义 `FormData` 实体类和 `FormDataRepository` 接口，并使用 `@Entity` 和 `@Repository` 注解进行标记。

例如，可以定义 `FormData` 类如下：

@Entity
@Table(name = "form_data")
public class FormData {
  @Id
  @GeneratedValue(strategy = GenerationType.IDENTITY)
  private Long id;

  private String name;

  private String email;

  // 省略 getter 和 setter 方法
}

其中 `@Entity` 注解表示这是一个实体类，会映射到数据库中的表格。`@Table` 注解指定表格名称。`@Id` 和 `@GeneratedValue` 注解用于指定主键和自动生成策略。

定义 `FormDataRepository` 接口如下：

@Repository
public interface FormDataRepository extends JpaRepository<FormData, Long> {
}

其中 `@Repository` 注解表示这是一个 Spring Data JPA 的仓库接口。`JpaRepository` 是 Spring Data JPA 提供的一个基本仓库接口，继承了 `PagingAndSortingRepository` 和 `CrudRepository` 接口，提供了一些基本的数据操作方法。

这样就可以使用 AJAX 传递表单数据并存储到 Spring Boot 数据库中了。