Javascript 동적폼 전송

6월15일 종료되는 익스때문에 호환성 관련 작업이 잔뜩 밀려있습니다.

대분분의 문제는 해결하였는데, 동적으로 생성되는 폼의 경우 호환성 문제로 인해서 문제가 생기는 부분이 있어서 관련 자료를 찾았는데 저한테는 별 의미 없는 자료가 되었네요. 혹시나해서 자료를 남겨 둡니다.

 

저한테 문제가 되었던 부분이 동적으로 변경이 되는 innerHtml 부분이었고, 확인해보니 <form>의 위치가 동적부분 내에 포함이 되어 폼을 감싸주는 형태로 정리를 하여서 간단하게 해결을 하였습니다.

 

해결이 안될때에는 javascript로 동적폼을 전송하는 방법도 생각했었는데 별다른 삽질이 필요없이 간단하게 처리되었네요.

 

동적 전송을 위한 코드정리

var newdiv = document.createElement("div"); newdiv.innerHTML = xhr.responseText; var container = document.getElementById("container"); container.appendChild(newdiv);

 

 

출처 바로가기