springboot+mybatis 前端有很多Inputs输入框 怎么通过ajax请求一次性传入后端 保存到数据库内 给出具体代码

在Spring Boot项目中，结合MyBatis做前端表单数据的一次性提交并保存到数据库，可以按照以下步骤操作：

1. 首先，在前端HTML页面上，创建多个`<input>`标签，将需要提交的数据绑定到JavaScript变量或对象中。例如，如果你有三个字段：username、password和email，你可以这样设置：

<form id="form" th:action="@{/save}" method="post">
    <input type="text" id="username" name="username" value.bind="${formData.username}"/>
    <input type="password" id="password" name="password" value.bind="${formData.password}"/>
    <input type="email" id="email" name="email" value.bind="${formData.email}"/>
    <!-- ...更多输入项 -->
    <button type="submit">提交</button>
</form>

2. 使用JavaScript库如jQuery或axios发送Ajax请求。这里我们假设你在前端使用axios：

<script>
    const formData = {
        username: document.getElementById('username').value,
        password: document.getElementById('password').value,
        email: document.getElementById('email').value
        // 更多数据...
    };

    function submitForm() {
        axios.post('/save', formData)
            .then(response => {
                console.log('数据已保存:', response);
                // 提交成功处理
            })
            .catch(error => {
                console.error('保存失败:', error);
                // 错误处理
            });
    }
    
    document.getElementById('form').addEventListener('submit', event => {
        event.preventDefault(); // 阻止默认提交行为
        submitForm();
    });
</script>

3. 在后端，Spring Boot接收Ajax请求并在Controller中处理，MyBatis负责映射到数据库：

import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
import com.example.YourEntity; // 替换为实际实体类

@RestController
@RequestMapping("/api")
public class YourController {

    @PostMapping("/save")
    public String saveData(@RequestBody YourEntity entity) {
        // 将entity保存到数据库，可能涉及到MyBatis的Mapper方法
        yourMapper.insert(entity);
        return "保存成功";
    }
}

注意：上述代码仅供参考，你需要根据具体的项目结构和依赖进行调整。