0
点赞
收藏
分享

微信扫一扫

Thymeleaf 在js中 拼接 uri 的使用

诗尚凝寒 2022-03-11 阅读 44

源代码:

	<script type="text/javascript">
		$(function () {
			//登录事件
			$("#loginBtn").click(function () {
				//收集参数
				var loginAct = $.trim($("#loginAct").val());
				var loginPwd = $.trim($("#loginPwd").val());
				var isRemPwd = $.trim($("#isRemPwd").prop("checked"));
				//验证参数
				if (loginAct==""){
					alert("用户名不能为空");
					return;
				}
				if (loginPwd==""){
					alert("密码不能为空");
					return;
				}
				//发送请求
				$.ajax({
					url:'settings/qx/user/login.do',
					data:{
						loginAct:loginAct,
						loginPwd:loginPwd,
						isRemPwd:isRemPwd
					},
					type:'post',
					// 返回类型为json
					dataType:'json',
					success:function (data) {
						if (data.code == "1"){
							//登录成功 -> 跳转到业务页面
							//这里的thymeleaf语法,在js中使用thymeleaf拼接uri, 引擎直接解析?  直接
							window.location.href="[[${#request.getContextPath()}]]/workbench/index.do";
						}else {
							//登录失败,显示提示信息
							$("#msg").html(data.message);
						}
					}
				});
			});
		});
	</script>

已经添加了thymeleaf的jar包

经过解析之后:

<script type="text/javascript">
		$(function () {
			//登录事件
			$("#loginBtn").click(function () {
				//收集参数
				var loginAct = $.trim($("#loginAct").val());
				var loginPwd = $.trim($("#loginPwd").val());
				var isRemPwd = $.trim($("#isRemPwd").prop("checked"));
				//验证参数
				if (loginAct==""){
					alert("用户名不能为空");
					return;
				}
				if (loginPwd==""){
					alert("密码不能为空");
					return;
				}
				//发送请求
				$.ajax({
					url:'settings/qx/user/login.do',
					data:{
						loginAct:loginAct,
						loginPwd:loginPwd,
						isRemPwd:isRemPwd
					},
					type:'post',
					// 返回类型为json
					dataType:'json',
					success:function (data) {
						if (data.code == "1"){
							//登录成功 -> 跳转到业务页面
							window.location.href="/crm/workbench/index.do";
						}else {
							//登录失败,显示提示信息
							$("#msg").html(data.message);
						}
					}
				});
			});
		});
	</script>

没有使用

<script th:inline="javascript" type="text/javascript">

只是在js的字符串中利用的

"[[${#request.getContextPath()}]]/workbench/index.do"

便可以解析为拼接为正确的uri

举报

相关推荐

0 条评论