Как использовать Thymeleaf, чтобы передать значение переменной из HTML в JavaScript?

Question

Фазиль

spring , thymeleaf

Как использовать Thymeleaf, чтобы передать значение переменной из HTML в JavaScript?

Как исправить проблему с выводом комментариев при отображении html переменной в теле JavaScript с использованием следующего кода:

<script th:inline="javascript">
/*<![CDATA[*/
[#th:block th:utext="${myCode}" /]
/*]]>*/
</script>

10 ноября 2023 г. 9:39

Ответы на вопрос 2

Похожие вопросы

Answer 1

Для передачи значения переменной из HTML в JavaScript с использованием Thymeleaf, вы можете использовать атрибуты данных (data attributes) или скрипты встроенных шаблонов Thymeleaf.

Вот как можно использовать атрибуты данных:
```
<span th:data-mycode="${myCode}" id="myElement">Some text</span>
```

Вы можете получить значение атрибута данных в JavaScript следующим образом:
```
var myCodeValue = document.getElementById('myElement').getAttribute('data-mycode');
```

Альтернативно, вы можете использовать скрипты встроенных шаблонов Thymeleaf:
```
<script th:inline="javascript">
    var myCodeValue = /*[[${myCode}]]*/ '';
</script>
```

Чтобы исправить проблему с выводом комментариев при отображении HTML переменной в теле JavaScript, вам необходимо установить `th:utext` для вывода неэскейпированного значения:
```
<script th:inline="javascript">
    /*<![CDATA[*/
    [[~${myCode}]]
    /*]]>*/
</script>
```

Обратите внимание, что переменная `myCode` должна быть правильно определена и заполнена перед выводом в JavaScript.