Can I use thymeleaf syntax inside of javascript code?

Question

Here is the part of the code that I try to take out to .js file

$(document).ready(function () {
$("#buttonCancel").on("click", function () {
    window.location = "[[@{/users}]]"; 
});
});

and link to this file from .html right before close body tag:

<script type="text/javascript" th:src="@{/js/userForm.js?v=1}"></script>

If I click "Cancel" I have an error 400. Yes, I can use "window.location = "/myweb/users";" and it works well. But I am curious if there any way to use th-syntax in javascript file?

Looks l8ke you have several typos, th: is wrong as is the @{ and the }, should probably be <script type="text/javascript" src="/js/userForm.js?v=1"></script>, which is a relative path. If you are having trouble with it, replace it with a full http url — jmoreno
– jmoreno, Commented Jan 22, 2022 at 13:31
Yes, I can use "window.location = "/myweb/users";" and it works well but the question is is there way to connect thymeleaf with javascript? — Tom
– Tom, Commented Jan 22, 2022 at 13:37
Hi @Tom what are tech stack are you using and what function do you need to perform? — Mr Coder
– Mr Coder, Commented Jan 22, 2022 at 13:54
You can do this... but you'd need to set up controllers for your JavaScript (the same way you have controllers for your HTML pages) and then treat your JavaScript files the same way (in a templates folder etc... they are no longer static resources). — Metroids
– Metroids, Commented Jan 22, 2022 at 17:20

trincot · Accepted Answer · 2022-01-22 14:24:34Z

1

As alternative, you could create a hidden link in your HTML, and then use it in your script:

HTML:

<a id="cancelAction" style="display:hidden" th:href="@{/users}"></a>

JavaScript:

$(document).ready(function () {
    $("#buttonCancel").on("click", function () {
        $("#cancelAction").click();
    });
});

answered Jan 22, 2022 at 14:24

trincot

357k38 gold badges282 silver badges339 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Can I use thymeleaf syntax inside of javascript code?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related