이리나이
1k
2019-01-03 10:33:04
2
208

아이프레임에 서버사이드 언어 없이 데이터를 보내는 방법..




아이프레임에 서버사이드 언어 없이,


데이터를 보내려면 어떻게 해야할까요?


아이프레임에 차트가 들어가는데, 그걸 불러오는데, 그 차트에 해당하는 값이 각각 들어가줘야 해서,


어떻게 처리해야할지 궁금합니다..

0
0
  • 답변 2

  • ejl
    185
    2019-01-03 12:22:15

       도메인이 다를경우  이런식으로 하시면 될것같아요

    /// 부모 -> 자식(아이프레임) 데이터 전송
    function sendChild(data){ /// data = {a:'1'} 일경우
    window.postMessage(data,'*');
    }
    
    /// 자식에서 부모가 보낸 데이터 받기
    window.addEventListener('message',function (res) {
    let data = res.data ///   data = {a:'1'}
    }
    
    
    // 자식->부모 데이터 전송
    function sendParent(data){ /// data = {b,'2'} 
    window.parent.postMessage({b,'2'},'*');
    }
    
    /// 부모에서 자식이 보낸 데이터 받기
    window.addEventListener('message',function (res) {
    let data = res.data ///   data = {b:'2'}
    }


    0
  • 이리나이
    1k
    2019-01-03 15:52:47

    감사합니다. 근데, 

    예를 들어 <아이프레임> 마크업이 있고, 아이프레임 html이 있을텐데,

    저 함수는 어디서 어떻게 불러올까요?

    0
  • 로그인을 하시면 답변을 등록할 수 있습니다.