javascript로 form을 제출하는 방법은?

 

 

 

 

 

 

 

아래와 같이 사용하면 html에 그리지 못한 form을 자바스크립트로 직접 만들어서 서버단으로 데이터를 전송할 수 있다.

 

 

let form = document.createElement('form');
form.action = '/test/test2/test3';
form.method = 'POST';

let el = '<input name="paymentType" value="' + paymentType + '" type="hidden" >';
el += '<input name="orderId" value="' + orderId + '" type="hidden">'; 
el += '<input name="paymentKey" value="' + paymentKey + '" type="hidden">'; 
el += '<input name="amount" value="' + amount + '" type="hidden">'; 

form.innerHTML = el; 

// 폼을 제출하려면 반드시 폼이 문서 안에 있어야 한다.
document.body.append(form);

form.submit();

 

 

 

html 태그에 form을 그리고 또  요소들을 찾아서 javascript로 값을 할당하고 다시 submit하는 과정이 번거로웠고 

왜 때문인지 백엔드로 POST 방식 데이터를 전송해야 하는데 다른 페이지로 렌더링 되는 것이 아닌가., 

 

 

 

 

회사 플랫폼이 form을 즐겨 사용하지 않고 ajax를 주로 사용하고 있어서 그런것 같지만서도,  

 

 

 

 

 

그래도 어찌됐든 또 방법을 찾았고 백엔드로  데이터를 넘겨서 활용한 후에 내가 원하는 페이지로 잘 갔으니 안심!