model.addattribute在js里怎么获取数据
时间: 2023-12-05 10:06:17 浏览: 28
在js中获取数据的方式与在html中类似,仍然需要在前端的模板引擎中进行解析。假设你使用的是Thymeleaf模板引擎,那么可以在前端的js代码中使用`[[${}]]`语法来获取后端传递的数据。
举个例子,在后端Controller中添加数据:
```
@GetMapping("/hello")
public String hello(Model model) {
model.addAttribute("name", "World");
return "hello";
}
```
在前端页面中,可以使用`[[${}]]`语法来获取数据:
```
<!DOCTYPE html>
<html>
<head>
<title>Hello Page</title>
</head>
<body>
<h1>Hello, <span id="name"></span>!</h1>
<script>
var name = document.getElementById("name");
name.innerText = "[[${name}]]"; // 获取后端传递的数据
</script>
</body>
</html>
```
在页面加载时,js代码会解析`[[${name}]]`,将其替换为后端传递的数据。最终页面中的`<span>`标签中的innerText会被设置为`World`。
需要注意的是,在使用`[[${}]]`语法获取后端传递的数据时,需要保证该语法所在的js代码在模板引擎解析之后再执行,否则无法正确获取数据。