springboot框架 html 添加页面点击保存按钮从后台获取值,如何把值传到添加页面,如和通过ajax进行判断值是否正确,不正确给出弹窗停止执行保存,正确继教执行

首先，您需要在后台编写一个控制器方法来处理保存按钮的点击事件。在该方法中，您可以从数据库或其他数据源获取需要传递到前端的值，并将其封装在一个对象中。

接下来，您可以将该对象作为 Model 属性添加到 ModelAndView 中，并将其返回给前端。在前端的 HTML 页面中，您可以使用 Thymeleaf 或其他模板引擎将该值渲染到页面上，以便用户可以查看或编辑它。

为了实现您所需的验证逻辑，您可以使用 jQuery 或其他 JavaScript 库来监听保存按钮的点击事件，并使用 AJAX 向后台发送请求以验证用户输入的值是否正确。如果验证失败，您可以使用模态框或其他弹窗组件向用户显示错误消息，并阻止保存操作。如果验证成功，则可以继续执行保存操作。

以下是一个基本的示例代码：

后台控制器方法：

@RequestMapping("/save")
public ModelAndView save(@ModelAttribute("myObject") MyObject myObject) {
    // 从数据库或其他数据源获取需要传递到前端的值
    myObject.setValue(someValue);

    // 将该值封装在一个对象中，并将其添加到 ModelAndView 中
    ModelAndView modelAndView = new ModelAndView("add-page");
    modelAndView.addObject("myObject", myObject);

    return modelAndView;
}

前端 HTML 页面：

<!-- 显示需要传递到前端的值 -->
<p>My value: [[${myObject.value}]]</p>

<!-- 保存按钮 -->
<button id="save-button">Save</button>

<!-- JavaScript 代码 -->
<script>
  $(document).ready(function() {
    // 监听保存按钮的点击事件
    $("#save-button").click(function() {
      // 使用 AJAX 向后台发送请求
      $.ajax({
        url: "/validate",
        type: "POST",
        data: {value: $("#my-input").val()},
        success: function(response) {
          // 如果验证成功，则执行保存操作
          if (response.valid) {
            $("#my-form").submit();
          }
          // 如果验证失败，则显示错误消息并阻止保存操作
          else {
            alert("Invalid value!");
          }
        }
      });
    });
  });
</script>