springboot框架 html 添加页面点击按钮从后台获取值,如何把值传到添加页面,并进行判断
时间: 2024-03-16 13:44:17 浏览: 71
springboot如何去获取前端传递的参数的实现
可以通过以下步骤来实现:
1. 在添加页面中添加一个按钮,并通过JavaScript代码绑定点击事件。
2. 在后台Controller中编写一个API,用于获取需要传递的值。
3. 在API中获取需要传递的值,并将其设置为Model对象的属性。
4. 在Controller中返回一个视图,并将Model对象作为参数传递给视图。
5. 在视图中通过Thymeleaf模板引擎获取Model对象的属性值,并进行判断。
具体实现方法可以参考以下代码示例:
添加页面中的按钮:
```
<button onclick="getValue()">获取值</button>
```
JavaScript代码:
```
function getValue() {
$.ajax({
url: "/getValue", // 后台API的URL
method: "GET",
success: function(data) {
// 将获取到的值传递给添加页面
window.location.href = "/addPage?value=" + data;
}
});
}
```
后台Controller中的API:
```
@GetMapping("/getValue")
public String getValue(Model model) {
String value = "需要传递的值";
model.addAttribute("value", value);
return "success";
}
```
Controller中返回视图:
```
@GetMapping("/addPage")
public String addPage(@RequestParam("value") String value, Model model) {
model.addAttribute("value", value);
return "addPage";
}
```
添加页面中的Thymeleaf模板引擎代码:
```
<div th:if="${value == '需要传递的值'}">
// 进行判断的代码
</div>
```
阅读全文