[JavaScript] 동적 form 생성 및 submit

    반응형

    동적으로 값을 보낸 후 결과를 받아와야 하는 경우 태그를 생성하여 동적 form을  만들어 submit 할 수 있다.

    let dataForm = document.createElement("form");
    dataForm.setAttribute("method","GET");
    dataForm.setAttribute("id","dataForm");
    
    let data1 = document.createElement("input");
    data1.setAttribute("type","hidden");
    data1.setAttribute("name","data1");
    data1.setAttribute("value", "rabbit");
    
    let data2 = document.createElement("input");
    data2.setAttribute("type","hidden");
    data2.setAttribute("name","data2");
    data2.setAttribute("value", "dog");
    
    dataForm.appendChild(data1);
    dataForm.appendChild(data2);
    
    document.body.appendChild(dataForm);
    
    dataForm.action="/tistory/tistoryGo.action"; 
    dataForm.target="process";
    dataForm.submit();
    dataForm.remove();
    728x90
    반응형

    댓글