thymeleaf에서 자바스크립트 인라인을 사용할 때 질문있습니다.
5000
작성한 질문수 1
html 내에서 <script th:inline="javascript"></script> 태그를 이용하는 것이 아니라, 자바스크립트 파일을 static 에 있는 외부로 분리하는 경우에 어떻게 하면 변수를 사용할 수 있나요?
예를 들어 static에 js라는 경로를 만들고 그 안에 test.js라는 외부 자바스크립트 파일을 html 내에서 사용하는 경우에
<script th:inline="javascript" th:src="@{/js/test.js}"></script>와 같이 할 수 있습니다.
그런데 이 경우에 앞에서 사용한 변수인
var username = [[${user.username}]];
var age = [[${user.age}]];
등등을 사용할 수가 없습니다. 어떻게 하면 이 문제를 해결할 수 있나요?
답변 1
0
안녕하세요, Taejun Kim 님! 공식 서포터즈 codesweaver 입니다.
부득이 하게 외부 스크립트에 백엔드 값을 전달해야 한다면
스크립트 선언 순서를 조절하여 이용하는 방법등을 생각할 수 있습니다.
방법1. 아래와 같이 사용할 값을 스크립트 전역에 넣어놓고, script.js 파일에서 사용하는 방법
<script>
const username = [[${...}]]
<script>
<script src="some/script.js"></script>
방법2. HTML Form input에 값 넣어놓고 사용하기.
<input type="hidden" name="username" value="..." id="username" />
[script.js]
const username = document.querySelector("#username");
감사합니다.
이미지 업로드와 db 트랜잭션 묶는법
0
42
1
Could not resolve org.springframework.boot:spring-boot-starter-validation:2.4.4
0
52
2
MessageSourceTest 코드
0
47
1
인터셉터 에러 설정
0
48
1
resolveArgument()메서드 질문
0
56
1
43강 검증1 에서 실패 로직 관련 질문있습니다.
0
54
2
타임리프 3.X 버전 rendering, serializer 에러 해결 방법
2
133
3
스프링 빈에 등록이 안되는거 같은데 어떻게 하면 좋을까요?ㅠㅠ
0
89
3
pdf 오타 문의
0
57
1
ItemUpdateForm 검증 관련 질문입니다.
0
48
1
22page 링크 주소 변경
0
59
2
특정 데이터와 파일을 함께 저장 시, 테이블 구조 질문
0
53
1
섹션3번 수업에 대한 질문입니다.
0
80
2
@Autowired 보다 더 좋은 방법이 어떤 걸까요?
0
85
2
타입컨버터 가 람다랑 비슷해 보이는데 저의 생각이 맞는지?.
0
65
1
자바스크립트 인라인에서 객체 직렬화 시 오류가 납니다
0
142
3
스프링부트 - 오류페이지2 에서 500.html 에서 쓰인 객체 질문
0
63
1
톰캣 에러 페이지가 안보입니다.
0
100
2
apiEceptionController에서 센드 에러 호출하면 안되는지?
0
81
1
세션 타임아웃시 쿠키 삭제 방법이 없나요?
0
118
2
ApiExceptionController 질문드립니다.
0
64
1
셀렉박스 챕터에서 option value에 ==배송 방식 선택== 이것을 넣은 이유가 궁금함, 이렇게 구상해도 되는지?
0
66
1
MemberRepository 필드의 fianl 선언 유무
0
85
2
혹시 index.html 에서는 fragment 사용이 안되는건가요
0
58
1