[Front end] JavaScript 동적 form 생성 및 submit

 

document에서 form 태그를 동적으로 생성하여 필요할때 action, method 등 속성을 정의하고 submit하는 것이 가능하다.

let newForm = document.createElement('form');
newForm.method = 'POST';
newForm.action = 'https://reference-m1.tistory.com';
newForm.name = 'newForm';

let data = document.createElement('input');
data.setAttribute('type', 'hidden');
data.setAttribute('name', 'userId');
data.setAttribute('value', 'tistory');

newForm.appendChild(data);
document.body.appendChild(newForm);
newForm.submit();