blocks|key|2738683|text|在百里叶中，相当于JSP的${pageContext.request.contextPath}/edit.html的是@{/edit.html}|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2738684|有关更多详细信息，请查看胸腺叶文档的this部分|2738685|在您的示例中，您可以这样写：|2738686|<script+th:inline="javascript">
++++function+edit()+{
++++++++var+link+=+/*[[@{/edit.html}]]*/+'test';
++++++++document.getElementById("user_form").action+=+link;
++++}
</script>|code-block|syntax|javascript|2738687|/*[[+-+]]*/语法用于评估Javascript使用的变量，而不会破坏脚本，如果脚本是静态加载的话。有关更多详细信息，请查看文档的this部分|2738688|entityMap|0|LINK|mutability|MUTABLE|url|http://www.thymeleaf.org/doc/articles/standardurlsyntax.html|1|http://www.thymeleaf.org/doc/tutorials/2.1/usingthymeleaf.html#script-inlining-javascript-and-dart^0|D|18|1N|D|0|I|4|0|0|0|0|0|4|7|4|1W|4|1|0^^$0|@$1|2|3|4|5|6|7|10|8|@$9|11|A|12|B|C]|$9|13|A|14|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|15|8|@]|D|@$9|16|A|17|1|18]]|E|$]]|$1|H|3|I|5|6|7|19|8|@]|D|@]|E|$]]|$1|J|3|K|5|L|7|1A|8|@]|D|@]|E|$M|N]]|$1|O|3|P|5|6|7|1B|8|@$9|1C|A|1D|B|C]|$9|1E|A|1F|B|C]]|D|@$9|1G|A|1H|1|1I]]|E|$]]|$1|Q|3|-4|5|6|7|1J|8|@]|D|@]|E|$]]]|R|$S|$5|T|U|V|E|$W|X]]|Y|$5|T|U|V|E|$W|Z]]]]

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

<p>Check out <a href="http://www.thymeleaf.org/doc/articles/standardurlsyntax.html" rel="noreferrer">this</a> part of the Thymeleaf documentation for more details</p>

<p>In your case you would write :</p>

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

<p>The <code>/*[[</code> - <code>]]*/</code> syntax is used by Thymeleaf to evaluate variables used by Javascript, without breaking the script if that where to be statically loaded. Check out <a href="http://www.thymeleaf.org/doc/tutorials/2.1/usingthymeleaf.html#script-inlining-javascript-and-dart" rel="noreferrer">this</a> part of the documentation for more details</p>


blocks|key|153276|text|下面是我针对Thymeleaf和jQuery的解决方案。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|153277|在Thymeleaf中使用${#httpServletRequest.getContextPath()}在meta元素中写入上下文路径：|153278|<meta+name="ctx"+th:content="${#httpServletRequest.getContextPath()}"+/>|code-block|syntax|javascript|153279|在jQuery中，使用$.ajaxPrefilter()为所有jQuery+AJAX请求添加上下文路径：|153280|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+%2B+options.url;
++++}
});|153281|entityMap|0|LINK|mutability|MUTABLE|url|http://www.thymeleaf.org/|1|http://jquery.com/|2|http://www.thymeleaf.org/doc/tutorials/2.1/usingthymeleaf.html#web-context-objects|3|http://api.jquery.com/jQuery.ajaxPrefilter/^0|6|9|0|G|6|1|0|D|13|2|0|0|B|H|3|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@$A|13|B|14|1|15]|$A|16|B|17|1|18]]|C|$]]|$1|D|3|E|5|6|7|19|8|@]|9|@$A|1A|B|1B|1|1C]]|C|$]]|$1|F|3|G|5|H|7|1D|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|6|7|1E|8|@]|9|@$A|1F|B|1G|1|1H]]|C|$]]|$1|M|3|N|5|H|7|1I|8|@]|9|@]|C|$I|J]]|$1|O|3|-4|5|6|7|1J|8|@]|9|@]|C|$]]]|P|$Q|$5|R|S|T|C|$U|V]]|W|$5|R|S|T|C|$U|X]]|Y|$5|R|S|T|C|$U|Z]]|10|$5|R|S|T|C|$U|11]]]]

<p>My solution for <a href="http://www.thymeleaf.org" rel="noreferrer">Thymeleaf</a> and <a href="http://jquery.com" rel="noreferrer">jQuery</a> is below.</p>

<p>Use <a href="http://www.thymeleaf.org/doc/tutorials/2.1/usingthymeleaf.html#web-context-objects" rel="noreferrer">${#httpServletRequest.getContextPath()}</a> in Thymeleaf to write the context path in the meta element:</p>

<pre><code>&lt;meta name="ctx" th:content="${#httpServletRequest.getContextPath()}" /&gt;
</code></pre>

<p>and in jQuery, use <a href="http://api.jquery.com/jQuery.ajaxPrefilter/" rel="noreferrer">$.ajaxPrefilter()</a> to prepend context path to all jQuery AJAX requests:</p>

<pre><code>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;
    }
});
</code></pre>


blocks|key|2738757|text|以防其他人偶然遇到这个问题，寻找我最初让been...setting的内容，一个上下文路径变量，用于百里叶页面内的页面根，以传递到外部JQuery页面。下面是它是如何在me...same上工作的，就像上面留空的那样……|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2738758|JSP的老方法|2738759|<script+>var+contextRoot+=+"${pageContext.request.contextPath}";+</script>|code-block|syntax|javascript|2738760|胸腺叶的新方法|2738761|<script+th:inline="javascript">+var+contextRoot+=+/*[[@{/}]]*/+'';+</script>|2738762|以及包含更多信息的链接...http://forum.thymeleaf.org/JSESSIONID-in-td3386826.html|offset|length|2738763|(根据集成开发环境的不同，我将脚本设置为覆盖two%2B行，而不是代码号的同一行。)|2738764|entityMap|0|LINK|mutability|MUTABLE|url|http://forum.thymeleaf.org/JSESSIONID-in-td3386826.html^0|0|0|0|0|0|E|1J|0|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|11|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|12|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|13|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|14|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|15|8|@]|9|@$O|16|P|17|1|18]]|A|$]]|$1|Q|3|R|5|6|7|19|8|@]|9|@]|A|$]]|$1|S|3|-4|5|6|7|1A|8|@]|9|@]|A|$]]]|T|$U|$5|V|W|X|A|$Y|Z]]]]

<p>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...</p>

<p>Old way with JSP</p>

<pre><code>&lt;script &gt;var contextRoot = "${pageContext.request.contextPath}"; &lt;/script&gt;
</code></pre>

<p>New way with Thymeleaf</p>

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

<p>and a link with more information...
<a href="http://forum.thymeleaf.org/JSESSIONID-in-td3386826.html" rel="noreferrer">http://forum.thymeleaf.org/JSESSIONID-in-td3386826.html</a></p>

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


blocks|key|2951596|text|试试这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2951597|​|2951598|var+BASE_CONTEXT_PATH+=+$('meta[name=context-path]').attr("content");
BASE_CONTEXT_PATH+=+BASE_CONTEXT_PATH.substr(0,+BASE_CONTEXT_PATH.length+-+1);|code-block|syntax|javascript|2951599|<meta+name="context-path"+th:content="@{/}"/>|2951600|2951601|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|P|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|K|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|M|$]]

<p>Try this:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var BASE_CONTEXT_PATH = $('meta[name=context-path]').attr("content");
BASE_CONTEXT_PATH = BASE_CONTEXT_PATH.substr(0, BASE_CONTEXT_PATH.length - 1);</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;meta name="context-path" th:content="@{/}"/&gt;</code></pre>
</div>
</div>
</p>


<p>I have searched hard for a syntax like the JSTL one <code>${pageContext.request.contextPath}</code>,<br>
<br/>
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 <code>${pageContext.request.contextPath}/edit.html</code>    </p>

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

<p>so what is the Syntax to call <strong>Thymeleaf context path</strong>?</p>


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

集成开发环境

jQuery

我努力寻找像JSTL one ${pageContext.request.contextPath}这样的语法，我编写了一段javascript代码来更改表单上的操作属性，以调用spring控制器上的编辑方法，因此，问题是如果不先调用上下文(如${pageContext.request.contextPath}/edit...

问获取胸腺叶${pageContext.request.contextPath}的语法是什么
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问获取胸腺叶${pageContext.request.contextPath}的语法是什么EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问获取胸腺叶${pageContext.request.contextPath}的语法是什么
EN