springboot框架 html 添加页面点击按钮从后台获取值,如何把值传到添加页面,并通过js进行判断,html的添加页面中的值不变
时间: 2024-03-16 19:44:21 浏览: 21
在上面的实现方法中,将获取到的值通过URL传递到添加页面,并在添加页面中通过JavaScript代码获取该值进行判断。如果需要在添加页面中不改变其他值的情况下传递该值并进行判断,可以使用以下方法:
1. 在添加页面中添加一个隐藏域,用于存储需要传递的值。
```
<input type="hidden" id="value" value="${value}"/>
```
2. 在JavaScript代码中获取隐藏域的值,并进行判断。
```
var value = $("#value").val(); // 获取隐藏域的值
if (value == "需要传递的值") {
// 进行判断的代码
}
```
这样就可以在不改变其他值的情况下将值传递到添加页面,并进行判断。
相关问题
springboot框架 html 添加页面点击按钮从后台获取值,如何把值传到添加页面,并通过js进行判断
可以通过以下步骤来实现:
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>
```
springboot框架 html 添加页面点击按钮从后台获取值,如何把值传到添加页面,并进行判断
可以通过以下步骤来实现:
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>
```