springboot框架 html 添加页面点击保存按钮从后台获取值,如何把值传到添加页面,如和通过ajax进行判断值是否正确,不正确给出弹窗停止执行保存,正确继教执行.html的添加页面中的其它字段的值不受影响
时间: 2024-03-16 22:45:07 浏览: 206
首先,为了从后台获取值并将其传递到添加页面,您需要使用Spring Boot框架中的控制器类来处理请求和响应。您可以使用@RequestParam注释来获取从前端页面传递过来的参数值。
例如,您可以编写如下的控制器方法:
```
@PostMapping("/save")
public String saveData(@RequestParam("value") String value, Model model) {
// 在此处编写获取数据的逻辑
// 将数据放入模型对象中,以使它们能够在添加页面中访问
model.addAttribute("value", value);
return "add-page";
}
```
在前端页面中,您可以使用JavaScript和jQuery来实现Ajax请求,以检查从后台获取的值是否正确。如果值不正确,您可以使用模态框(Modal)来显示错误消息并停止执行保存操作。
例如,您可以编写如下的JavaScript代码:
```
$(document).ready(function() {
$("#save-button").click(function() {
var value = $("#value-field").val();
$.ajax({
url: "/save",
type: "POST",
data: { value: value },
success: function(data) {
if (data == "success") {
// 在此处编写保存数据的逻辑
} else {
// 显示错误消息的模态框
$('#error-modal').modal('show');
}
},
error: function() {
// 显示错误消息的模态框
$('#error-modal').modal('show');
}
});
});
});
```
在上面的代码中,我们使用jQuery的Ajax函数来发起POST请求,并将从前端页面获取的值作为数据传递到控制器方法中。如果控制器方法返回的数据为"success",则表示数据保存成功,否则将显示错误消息的模态框。
同时,您可以在添加页面中的其他字段中设置默认值,这些值不受后台数据的影响,例如:
```
<input type="text" name="name" value="默认值">
```
阅读全文