thymeleaf获取js里的属性

要在Thymeleaf中获取JavaScript对象中的属性，可以使用`#vars`变量和JavaScript点号语法。以下是一个示例：

<script th:inline="javascript">
    /* 定义一个JavaScript对象 */
    var myObject = {
        name: 'John',
        age: 30,
        city: 'New York'
    };
    /* 使用Thymeleaf获取对象属性 */
    var myName = [[#vars.myObject.name]];
    var myAge = [[#vars.myObject.age]];
    var myCity = [[#vars.myObject.city]];
    console.log("My name is: " + myName);
    console.log("My age is: " + myAge);
    console.log("My city is: " + myCity);
</script>

在这个示例中，`[[#vars.myObject.name]]`将被Thymeleaf解析为JavaScript对象`myObject`的`name`属性，并将其插入JavaScript代码中。在控制台中，将输出"My name is: John"、"My age is: 30"和"My city is: New York"。

相关问题

thymeleaf获取id

如果您想在 Thymeleaf 模板中获取 HTML 元素的 ID，可以使用 `th:attr` 属性将 ID 属性设置为模型属性的值，然后使用 JavaScript 或 jQuery 在客户端中获取：

<div th:attr="id=${elementId}">
  ...
</div>

其中 `${elementId}` 是模型中的属性值。在客户端中，您可以使用以下代码获取该元素：

var element = document.getElementById('yourElementId');

或者，如果您使用 jQuery，可以使用以下代码获取该元素：

var element = $('#yourElementId');

请注意，`yourElementId` 是您在模板中设置的 ID。

thymeleaf 获取session

在Thymeleaf中，可以通过使用普通标签来获取session值。例如，可以使用`th:text`属性来获取session中名为`test`的值，并将其显示在页面上的`p`标签中。示例如下：`<p th:text="${session.test}"></p>` [1]

另外，如果需要在JavaScript中获取session值，可以通过以下步骤实现：
1. 在后台代码中，使用`HttpSession`对象将`test`值设置到session中。示例如下：

@RequestMapping(value = "/index")
public String mkdirs(HttpServletRequest request) {
    HttpSession session = request.getSession();
    session.setAttribute("test", "测试专用！");
    return "login";
}

2. 在JavaScript中，可以使用`[[${session.test}]]`来获取session中的值。注意要使用双方括号表示Thymeleaf表达式。示例如下：

var testValue = [[${session.test}]];

通过这种方式，你可以在Thymeleaf和JavaScript中都获取到session值。 [2 [3<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [Thymeleaf将ajax返回值中拼接外部标签和 js中获取session值及 在普通标签中获取session值](https://blog.csdn.net/qq_36688143/article/details/79446395)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]