springboot框架 html 添加页面点击按钮从后台获取值,如何把值传到添加页面,并通过js进行判断
时间: 2024-01-09 16:04:40 浏览: 37
可以通过以下步骤来实现:
1. 在添加页面中添加一个按钮,并通过JavaScript代码绑定点击事件。
2. 在后台Controller中编写一个API,用于获取需要传递的值。
3. 在API中获取需要传递的值,并将其设置为Model对象的属性。
4. 在Controller中返回一个视图,并将Model对象作为参数传递给视图。
5. 在视图中通过JavaScript代码获取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";
}
```
添加页面中的JavaScript代码:
```
<script>
var value = "${value}"; // 获取Model对象的属性值
if (value == "需要传递的值") {
// 进行判断的代码
}
</script>
```