📒솜이노트 :: # JSP - iframe 외부(부모)에 변수 넘기기

한 로직이 iframe으로 만들어서 html이 끼워넣어져있는 상태였는데..

<header></header>
<body>
  <iframe>
    <header></header>
    <body></body>
  </iframe>
</body>

⬆️ 예를들면 이런식이었다.

iframe으로 되어있는 곳에서 데이터들을 넘겨와서

새 모달창에 차트로 띄워줘야되는 상황이었는데..

모달창도 iframe 코드안에서 만들면

부모 영역의 가운데로 맞출수가 없어서

iframe 코드가 있는 JSP

부모영역 ( modal창) 코드가있는 JSP

이렇게 따로 빼야만 했다.

어떻게 데이터를 넘겨줘야하지? 어려워 보였는데 나름 방법은 쉬웠다.

iframe 코드

필요한 변수를

<button onclick="sendToParent('${변수1}', '${변수2}')">

이런식으로 버튼에 담아서 클릭할때 함수를 통해 넘겨주고

<script>

 function sendToParent(변수1, 변수2){

  parent.document.getElementById("변수1").value = 변수1;
  parent.document.getElementById("변수2").value = 변수2;

}

</script>

부모영역 코드

<input type="hidden" id="변수1" value="">
<input type="hidden" id="변수2" value="">

이런식으로 받아서 써주면 된다.

'🗄️ 백엔드 > 🍃Spring' 카테고리의 다른 글

# QueryDSL 조건절 함수 정리 (0)	2025.05.19
# 프론트엔드와 백엔드에서 각각 시간 포맷 처리하는 이유 (Spring Boot + JS) (0)	2025.05.12
# @ConfigurationPropertiesScan, @ConfigurationProperties (0)	2025.03.06
# 차트가 많아도 속도 빠르게 처리하는 방법 (0)	2025.02.26
# Spring - MyBatis 구조 (0)	2025.02.17

일	월	화	수	목	금	토
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30	31

'🗄️ 백엔드 > 🍃Spring' 카테고리의 다른 글

검색

티스토리툴바