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

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";

so what is the Syntax to call Thymeleaf context path?

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;

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

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;

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…

Read More:   How to show full object in Chrome console?

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…

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

Try this:

var BASE_CONTEXT_PATH = $('meta[name=context-path]').attr("content");
<meta name="context-path" th:content="@{/}"/>

The answers/resolutions are collected from stackoverflow, are licensed under cc by-sa 2.5 , cc by-sa 3.0 and cc by-sa 4.0 .

Similar Posts