js로 데이터 전송하기

로그인을 구현 하려다가 로그인 페이지에서 보낸 데이터를 서브 로그인 페이지에서 처리한  후

 

자동적으로 다른 페이지로 이동하려고 하였다

 

구글링을 해보니 php로는 구현을 할 수가 없고 js로 form을 구현할 수 있다고 한다.

 

1. <form>오브젝트를 구성요소를 포함하여 만든다.
   1. action: 이동할 페이지 URL
   2. method: get/post 여기서는 POST를 지정한다.
   3. target: 현재창에서 할지 새창으로 열지 등등...
2. 전달할 인수들을 포함시켜 준다.
   1. <input type="hidden" name="name" value="value">
3. 위에서 만든 폼을 submit() 하여 실행한다.

function pageGoPost(d){
	var insdoc = "";
    
	for (var i = 0; i < d.vals.length; i++) {
	  insdoc+= "<input type='hidden' name='"+ d.vals[i][0] +"' value='"+ d.vals[i][1] +"'>";
	}
    //매계변수 받은전달값 정리
    
	var goform = $("<form>", {method: "post",action: d.url,target: d.target,html: insdoc}).appendTo("body");
    
	goform.submit();
}

pageGoPost({url: "xxx.html", target: "_self",vals: [["인수1", "인수값1"],["인수2", "인수값2"]]});

예: xxx.html 페이지로 인수값 a=1, b=2 을 전달할 경우

pageGoPost({
  url: "xxx.html",
  target: "_self",
  vals: [
    ["a", 1],
    ["b", 2]
  ]
});

 

 

get으로 전달하려면 그냥

location.href  로 인수를 전달한다.

 

 

출처 : https://horangi.tistory.com/417