본문 바로가기
개발/자바스크립트 및 프론트

자바스크립트 ) 화면 -> 화면으로 데이터 전송하기

by kakk789 2022. 8. 31.
  • form에 input type을 hidden으로 설정하여 전달 할 데이터를 Element에 담아 
  • setAttritube에 설정한 서비스(action)으로 submit 한다.

보내는 화면 

        var form = document.createElement('form');
        var objs;
        objs = document.createElement('input');
        objs.setAttribute('type', 'hidden');
        objs.setAttribute('name', 'memId');      // 받을 네이밍
        objs.setAttribute('value', memId);       // 넘길 파라메터

        form.appendChild(objs);
        form.setAttribute('method', 'get');
        form.setAttribute('action', "/home");      // URL
        document.body.appendChild(form);
        form.submit();

받는화면

  • url로 전송 받은 파라미터를 쪼개는 코드
    let homeURL = decodeURI(window.location.href);

    if(Number(homeURL.split("&").length) == Number(4)){
        let id = homeURL.split("&")[0].split("=")[1];
        let keyword = homeURL.split("&")[1].split("=")[1];
        let start = homeURL.split("&")[2].split("=")[1];
        let end = homeURL.split("&")[3].split("=")[1];
        memId =id;
        searchKeywordText =keyword;
        startPage =start;
        endPage =end;
    }
반응형

댓글