- 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;
}
반응형
'개발 > 자바스크립트 및 프론트' 카테고리의 다른 글
자바스크립트 ) ForEach에서 this 사용하기 (0) | 2023.01.27 |
---|---|
(HTML) 테이블 세로 중앙 정렬 (0) | 2022.09.06 |
자바스크립트) 무한스크롤 - 스크롤 최하단 Check (0) | 2022.08.29 |
CSS) 줄 바꿈( word-wrap / word-break ) (0) | 2022.08.22 |
(제이쿼리) 게시글 전체 선택 체크박스 만들기 (0) | 2022.08.16 |
댓글