thymleaf基礎入門(一)ajax,判斷
阿新 • • 發佈:2019-02-18
目錄
在進行了多次百度,還是無法解決thymeleaf的坑之後,我決定自己一個一個嘗試,
ps: 很多人只講語法, 艹,拿著語法,我發現還是無法完成我要的,必須得有實際例子,所以我猜想 那些只寫 語法的人,肯定不是自己真正寫過 thymeleaf ,或者在工程中用過,
配置非嚴格的語法
thymeleaf 有嚴格的語法限制,會極大程度限制你的發揮,所以先把這個模板的嚴格去掉
<!--非嚴格模式解析HTML5-->
<dependency>
<groupId>net.sourceforge.nekohtml</groupId>
<artifactId >nekohtml</artifactId>
<version>1.9.22</version>
</dependency>
導包,在application.yml中配置
spring.thymeleaf.cache=false
spring.thymeleaf.mode =LEGACYHTML5
spring.thymeleaf.content-type=text/html
html的坑
1。首先 js程式碼怎麼寫 必須 加上 th:inline
<script th:inline="javascript">
var loginids=[[${loginid}]] ;
var urls=[[${url}]];
</script>
2。 怎麼 將 springBoot中的 model 儲存的值取出來
<html xmlns:th="http://www.thymeleaf.org">
必須加上這個
html:<span th:text="${address}"></span>
js:var urls=[[${address}]];
- 怎麼寫url連結的按鈕
SCH 就是 Controller類上的 reqMapping
Holiday就是 方法上的 Mapping
<a th:href ="@{'/SCH/Holiday?code=1&state=2'}">返回</a>
如果你的url連結中有引數,是這個頁面初始化傳入的
<a th:href="@{/Money/backIndex(id=${loginid})}">返回</a>
- 怎麼寫 ajax請求
$.ajax({
type:'post',
dataType:'json',
url:'http:localhost:9090/por/PTC/goToWork', contentType:"application/json;charset=utf-8",
data: JSON.stringify(jsonsdata),
success:function(data){
if(data.code==0){
成功、、、、
}
}
})
5.怎麼進行表示式的判斷
<div th:if="${flag==0}"></div>
如果 flag==0 成立,那麼div 裡面的dom就會顯示