thymeleaf在html中的使用
//SpringBoot后端逻辑
@GetMapping("/message")
public String getMessage(Model model){
model.addAttribute("message","This is your message");
return "index";
}
1、取值:在标签中获取后台传递的参数
<input type="text" name="userid" style="display: none" th:value="${data.userid}"/>
<p th:text="#{message}">default message</p>
2、静态资源引用
<link rel="Shortcut Icon" th:href="@{../img/favicon.ico}"/>
3、js中url写法
url : [[@{/fwzj/search/}]] + now_page
4、js获取后台参数
<script th:inline="javascript">
var message = [[${message}]];
console.log(message);
</script>
5、比较
> , < , >= , <= (gt , lt , ge , le)
== , != (eq, ne)
6、js、jquery使用
清空输入框(input、textarea)内容:$("#div_id").val('');
获取标签中间<p id="test">hello</p>内容:$("#test").text("world");
7、ajax请求 前两行必须加上否则可能出错
(1)使用json的形式提交表单数据,可简化使用$("#my_form").serialize()获取表单数据,后台代码的接收参数写对应的实体类就行;
(2)提交的url格式写成:[[@{/fwzj/saveForm}]]
<script type="text/javascript" th:inline="javascript">
/*<![CDATA[*/
$.ajax({
url: [[@{/fwzj/saveForm}]],
type: 'POST',
dataType: 'json',
data: $("#my_form").serialize(),
async: true,
success: function(data) {
//响应成功代码
},
error: function(data) {
//响应失败代码
}
});
/*]]>*/
</script>