개발/자바스크립트 및 프론트
자바스크립트 ) 화면 -> 화면으로 데이터 전송하기
kakk789
2022. 8. 31. 12:49
- 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;
}
반응형