springboot框架 html 添加页面点击按钮从后台获取值,如何把值传到添加页面,并通过js进行判断,html的添加页面中的其它字段的值不受影响
时间: 2024-03-16 14:44:23 浏览: 56
后台与页面之间的传值以及页面与页面之间的传值
可以通过以下步骤来实现:
1. 在添加页面中添加一个隐藏域,用于存储需要传递的值。
```
<input type="hidden" id="value" value="${value}"/>
```
2. 在后台Controller中编写一个API,用于获取需要传递的值。
3. 在API中获取需要传递的值,并将其设置为Model对象的属性。
4. 在Controller中返回一个视图,并将Model对象作为参数传递给视图。
5. 在视图中通过JavaScript代码获取隐藏域的值,并进行判断。
具体实现方法可以参考以下代码示例:
添加页面中的按钮:
```
<button onclick="getValue()">获取值</button>
```
JavaScript代码:
```
function getValue() {
$.ajax({
url: "/getValue", // 后台API的URL
method: "GET",
success: function(data) {
// 将获取到的值传递给添加页面的隐藏域
$("#value").val(data);
// 进行判断的代码
if (data == "需要传递的值") {
// 进行判断的代码
}
}
});
}
```
后台Controller中的API:
```
@GetMapping("/getValue")
public String getValue(Model model) {
String value = "需要传递的值";
model.addAttribute("value", value);
return "success";
}
```
Controller中返回视图:
```
@GetMapping("/addPage")
public String addPage(Model model) {
return "addPage";
}
```
这样就可以在不改变其他值的情况下将值传递到添加页面的隐藏域,并进行判断。其他字段的值不受影响。
阅读全文