1. 程式人生 > >如何在Thymeleaf中實現ajax請求url的可靠構造?[續]

如何在Thymeleaf中實現ajax請求url的可靠構造?[續]

        在之前的“如何在Thymeleaf中實現ajax請求url的可靠構造?”文內,是以絕對url來實現可靠的請求url:通過在html檔案內定義一個代表絕對url基本路徑的變數basePath,然後在其他的js檔案內引用此basePath,由其與請求的相對路徑合在一起構造完整的絕對url,以進行ajax請求等操作。

        與前文不同的是,本文對url的構造是建立相對根路徑的基礎上,最終構造出來的url,其形式為/webroot/requestpath**。但是,無論哪種方式,在不同環境下除錯部署時,都能可靠準確的進行請求。

在xxx.html檔案中,加入下面的類似程式碼,即可得到相對基本路徑:

<script type="text/javascript" th:inline="javascript">
    /*<![CDATA[*/
    var basePath = /*[[@{/}]]*/;
    /*]]>*/
</script>

對以上,應該也不需做附加的解釋。

其他相關:在使用idea開發springboot專案,採用thymeleaf作為模板時,可以通過在Setting內(ctrl+alt+s)直接對html模板進行設定,如下圖: