๋ชฉ์ฐจ
javascript์์ jstl ์ฌ์ฉํ๊ธฐ
๊ฐ๋ฐ์ ํ๋ค๋ณด๋ฉด java์์ ๋ฐ์์จ ๊ฐ์ javascript์์ ์ฌ์ฉํด์ผ ๋ ๊ฒฝ์ฐ๊ฐ ์ข ์ข ์๋ค.
์ด ๋ ์๋ฒ๊ฐ ๋์ํ๋ ์์๋ฅผ ์ดํดํ๊ณ ์๋๊ฒ ์ค์ํจ
JAVA -> JSTL -> HTML -> javascript ์์๋ก ๋์ํจ
๊ทธ๋ฌ๋ฏ๋ก javascript์์๋ jstl์ ๊ฐ์ ์ธ ์ ์์ง๋ง
jstl์์๋ javascript๊ฐ์ ์ฌ์ฉํ ์ ์๋ค.
์๋ฅผ ๋ค์ด์ java์ Listํ์ ์ ๋ณ์์ ๋ด๊ธด ๋ฐ์ดํฐ๋ฅผ jstl์ ์ด์ฉํด์ javascript์์ ์ฌ์ฉํ๋ ค๋ฉด ์๋์ฒ๋ผ ์ฌ์ฉํ๋ฉด ๋จ
<script>
// javascript์์ jstl ๋จ์ผ๊ฐ ์ฌ์ฉ
let rst = '<c:out value="${result}"/>';
console.log('rst : ' + rst);
</script>
<script>
// javascript์์ ๋ฐฐ์ด์ ์์ฑ ํ jstl์ ๊ฐ ์ ์ฅ
let arr = new Array();
<c:forEach items="${result}" var="item">
arr.push({idx : "${item.idx}"
, id : "${item.id}"
, name : "${item.name}"});
</c:forEach>
</script>
์ฐธ์กฐ : https://lee1535.tistory.com/29
[Javascript/JSTL] javascript์์ JSTL ์ฌ์ฉ javascript์์ JSTL LIST ๋ฐ์์ค๊ธฐ / ๋ฐฐ์ด ๊ฐ ๋ฐ๊ธฐ
JSTL๊ณผ javasscript๋ฅผ ๊ฐ์ด ์ฌ์ฉํ ๊ฒฝ์ฐ ์๋ก ๊ฐ์ ์ฃผ๊ณ ๋ฐ๊ณ ์ถ์ ๊ฒฝ์ฐ๊ฐ ์๊ธด๋ค. ๊ทธ๋ด ๊ฒฝ์ฐ ์ด๋ป๊ฒ ์จ์ผ ํ๋์ง ์๊พธ ํท๊ฐ๋ ค์ ํฌ์คํ ์ ๋จ๊น๋๋ค. ์์ํ๊ธฐ์ ์์ ์๋ฒ๊ฐ ๋์ํ๋ ์์๋ฅผ ๊ธฐ์ตํด
lee1535.tistory.com

'IT > development' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[IDE] dbeaver ํฐ๋ฒ ๋ก ์ฐ๊ฒฐ (50) | 2022.11.24 |
---|---|
[jQuery]jQuery ์ ๊ทํํ์ ์ด์ฉํด์ ํค๋ณด๋ ์ ๋ ฅ๊ฐ ์ ํ (0) | 2022.11.24 |
[jQuery]selectBox change ์ด๋ฒคํธ (0) | 2022.11.24 |
[Java] Java bit ํ์ธ (0) | 2022.11.24 |
[jQuery] jQuery ๋ฒํผ ํด๋ฆญ ์ table tr ์จ๊น์ฒ๋ฆฌ (0) | 2022.11.24 |
๋๊ธ