반응형
* a href 다이나믹 경로 설정
- 데이터
{"menu": {
"name":"한식"
, "code":"KR"
}
}
- 코드
<a th:text="${menu.name}" th:href="@{/menu/} + ${menu.code}"></a>
또는
<a th:text="${menu.name}" th:href="@{/menu/{code}(code=${menu.code})}"></a>
>> '/menu/kr' 로 이동
* a href Get 파라미터 설정
- 데이터
{"menu": {
"name":"한식"
, "code":"KR"
}
}
- 코드
<a th:text="${menu.name}" th:href="@{/menu(code=${menu.code})}"></a>
>> '/menu?code=kr' 로 이동
* a href onclick 사용
- 데이터
{"menu": {
"name":"한식"
, "code":"KR"
}
}
- 스크립트
<script>
function goMenu(url) {
document.location.href=url;
}
</script>
- 코드
<a th:text="${menu.name}" href="javascript:void(0)" th:onclick="'goMenu(\'' + @{/menu(code=${menu.code})} + '\')'"></a>
>> '/menu?code=kr' 로 이동
"이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."
반응형
LIST