[React] Front-End

[Javascript] POST 로 다중 파라미터 값 보내기

ddgoori 2020. 6. 8. 16:08

https://ifuwanna.tistory.com/196

 

[Javascript/Jquery] form, input 동적 생성 및 submit

개요 Form 태그 역시 document내 엘리먼트이기 때문에 필요할때 문서내에 없더라도 동적으로 Form 태그를 생성하여 action method 등 필요한 속성들을 설정하고 전송할 input 엘리먼트를 form안에 생성하��

ifuwanna.tistory.com

 

 

/* Javascript */
	// create element (form)
	var newForm = document.createElement('form');
	// set attribute (form) 
	newForm.name = 'newForm';
	newForm.method = 'post';
	newForm.action = 'https://ifuwanna.tistory.com/196';
	newForm.target = '_blank';

	// create element (input)
	var input1 = document.createElement('input');
	var input2 = document.createElement('input');
	// set attribute (input)
	input1.setAttribute("type", "hidden");
	input1.setAttribute("name", "data1");
	input1.setAttribute("value", "value1");
	input2.setAttribute("type", "hidden");
	input2.setAttribute("name", "data2");
	input2.setAttribute("value", "value2");

	// append input (to form)
	newForm.appendChild(input1);
	newForm.appendChild(input2);

	// append form (to body)
	document.body.appendChild(newForm);
	
	// submit form
	newForm.submit();