What is the Syntax to get Thymeleaf ${pageContext.request.contextPath}

Question

I have searched hard for a syntax like the JSTL one ${pageContext.request.contextPath},

I did made a javascript code to change the action attribute on the form to call the edit method on the spring controller so, the problem is the below code dont work without calling the Context first like ${pageContext.request.contextPath}/edit.html

<script th:inline="javascript">
    function edit() {
        document.getElementById("user_form").action = "/edit.html";
    }
</script>

so what is the Syntax to call Thymeleaf context path?

score 42 · Accepted Answer · edited Sep 21 '16 at 09:32

42

In Thymeleaf the equivalent of JSP's ${pageContext.request.contextPath}/edit.html would be @{/edit.html}

Check out this part of the Thymeleaf documentation for more details

In your case you would write :

<script th:inline="javascript">
    function edit() {
        var link = /*[[@{/edit.html}]]*/ 'test';
        document.getElementById("user_form").action = link;
    }
</script>

The /*[[ - ]]*/ syntax is used by Thymeleaf to evaluate variables used by Javascript, without breaking the script if that where to be statically loaded. Check out this part of the documentation for more details

edited Sep 21 '16 at 09:32

Asraful

1,241
18
31

answered Jun 16 '14 at 12:30

geoand

60,071
24
172
190

i have already tried that javascript will put it in the rendered page as it is ,it will not be rendered like first use – Dunken Jun 16 '14 at 12:34
I've missed the `@{'/url'}` adding which solved my problem. – Lucky Nov 19 '15 at 12:27

Sutra · Answer 2 · 2022-04-02T03:10:12.720

10

My solution for Thymeleaf and jQuery is below.

Use ${#httpServletRequest.getContextPath()} in Thymeleaf to write the context path in the meta element:

<meta name="_ctx" th:content="${#httpServletRequest.getContextPath()}" />

and in jQuery, use $.ajaxPrefilter() to prepend context path to all jQuery AJAX requests:

var _ctx = $("meta[name='_ctx']").attr("content");

// Prepend context path to all jQuery AJAX requests
$.ajaxPrefilter(function( options, originalOptions, jqXHR ) {
    if (!options.crossDomain) {
        options.url = _ctx + options.url;
    }
});

edited Apr 02 '22 at 03:10

answered Oct 04 '15 at 16:49

Sutra

973
12
17

Thanks. i was looking for similar answer. – Awanish Kumar Oct 05 '16 at 08:01
Much preferred, keeps the JS unobtrusive. – Clint Jul 22 '17 at 21:22

ClickerTweeker · Answer 3 · 2016-05-11T18:31:14.623

Just in case anybody else stumbles upon this question looking for what I originally had been...setting a context path variable for the root of the page inside the Thymeleaf page to carry over to an external JQuery page. Here is how it worked for me...same as above just left blank...

Old way with JSP

<script >var contextRoot = "${pageContext.request.contextPath}"; </script>

New way with Thymeleaf

<script th:inline="javascript"> var contextRoot = /*[[@{/}]]*/ ''; </script>

and a link with more information... http://forum.thymeleaf.org/JSESSIONID-in-td3386826.html

(also depending on the IDE, I set the script over two+ lines as opposed to the same line of the code number.)

For me this solution results in Thymeleaf exception when used on guest pages (such as Login) https://github.com/thymeleaf/thymeleaf-spring/issues/110 — naXa stands with Ukraine, Nov 07 '18 at 17:34

score 2 · Answer 4 · answered Jun 17 '16 at 04:44

2

Try this:

var BASE_CONTEXT_PATH = $('meta[name=context-path]').attr("content");
BASE_CONTEXT_PATH = BASE_CONTEXT_PATH.substr(0, BASE_CONTEXT_PATH.length - 1);

<meta name="context-path" th:content="@{/}"/>

answered Jun 17 '16 at 04:44

Manh Vu

131
1
6

What is the Syntax to get Thymeleaf ${pageContext.request.contextPath}

4 Answers4

Linked