javascript를 사용하여 게시 된 HTML 양식에서 값을 얻는 방법

Question

두 개의 html 양식이 있고 하나의 html 양식에서 다른 html 양식으로 입력 데이터를 게시하고 있습니다. 양식 2에서 양식 1을 사용하여 게시 한 변수 값을 검색하려고합니다. .

<form name ="form1" id ="form1" method ="post" action = "form2.html> 
    <input id ="sendToForm2" type ="hidden" value ="send this to form2"/> 
</form> 

내 질문이 자바 스크립트를 사용하여 2를 형성하는 형태 1에서 게시되면 양식 2에 숨겨진 변수 sendToForm2의 값을 얻는 방법이다.

Answer 1

일반 HTML 페이지에는 HTTP 헤더가없고 HTML 페이지 코드 자체 및 URL (쿼리 문자열 포함)이 없으므로 POST 방법을 사용할 수 없습니다.

은 무엇 당신이 할 수있는 것은 다음을 추출하는 쿼리 문자열 구문 분석하는 대신 POST의 GET을 사용하는 것입니다

당신의 form2.html 당신은 쿼리 문자열을 구문 분석 (SO에 this post에서)이 기능을 사용할 수 있습니다에서 그런

<form name ="form1" id ="form1" method ="GET" action = "form2.html> 
    <input id ="sendToForm2" type ="hidden" value ="send this to form2"/> 
</form> 

:

function getParameterByName(name) { 
    name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]"); 
    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"), 
     results = regex.exec(location.search); 
    return results == null ? "" : decodeURIComponent(results[1].replace(/\+/g, " ")); 
} 

지금 당신이 그들에 액세스 할 수 있습니다 (내가 jQuery를 사용하자) :

<form ...> 
    <input id ="sentFromForm1" type ="hidden" value =""/> 
</form> 

</script> 
    $("#sentFromForm1").val(getParameterByName("sendToForm2")); 
</script>