본문 바로가기
웹프로그래밍/Javascript|JQuery|Jsp

javascript form 생성 및 전송(ajax)

by Seras 2021. 11. 16.
반응형

1. 자바스크립트로 임의 폼(form) 생성 후 전송하는 방법

활용범위 : ajax, function 등등..

// var url = '<c:out value="${insertUrl}"/>';
var url = 'www.google.com';


var form = document.createElement('form'); // 폼객체 생성
	 				
var obj1;
var obj2;
 			
obj1 = document.createElement('input'); // 값이 들어있는 녀석의 형식 (input, radio 등등)	
obj1.setAttribute('type', 'hidden'); // 값이 들어있는 녀석의 type (text, hidden 등등)
obj1.setAttribute('name', 'userNm'); // 객체이름 (name : 이름  )
obj1.setAttribute('value', result.data.title); //객체값 (value : 값 )

		 			
obj2 = document.createElement('input'); // 값이 들어있는 녀석의 형식 (input, radio 등등)	
obj2.setAttribute('type', 'hidden'); // 값이 들어있는 녀석의 type (text, hidden 등등)
obj2.setAttribute('name', 'userNm'); // 객체이름 (name : 이름  )
obj2.setAttribute('value', result.data.ctnt); //객체값 (value : 값 )


form.appendChild(obj1);
form.appendChild(obj2);

form.setAttribute('method', 'post'); //get,post 가능
form.setAttribute('action', url); //보내는 url
document.body.appendChild(form);
form.submit();

 

반응형