블로그에서 찾은 코드에 추가


var params = {}
params['userName'] = document.getElementById("userName").value;    // 이런식으로 Key, Value를 추가 해줘야함
var form = document.createElement('form');
form.setAttribute('method','post');
form.setAttribute('action',roomCode);
document.charset="utf-8";
for ( var key in params) {	// key, value로 이루어진 객체 params
        var hiddenField = document.createElement('input');
        hiddenField.setAttribute('type', 'hidden'); //값 입력
        hiddenField.setAttribute('name', key);
        hiddenField.setAttribute('value', params[key]);
        form.appendChild(hiddenField);
}
document.body.appendChild(form);
form.submit();

ajax를 이용한 방법

  • 이 방법은 페이지 이동없이 값만 전송할 때 유용 할 것 같음.

           
/*$.ajax({
         url: roomCode,      
         async: false,            
         type: 'POST',           
         data: {
              userName: document.getElementById("userName").value  // 텍스트필드에 입력한 값을 test라는 이름으로 보냄
          },
          dataType: 'json',
          success: function(data) {   // POST 요청 성공 시
                alert("보내기 성공");
          },
          error: function(err) {      // POST 요청 실패 시
                 alert("보내기 실패 " + err);
           }
}); */