Backend/Java

[Servlet/JSP] <a> 태그에서 Post 방식으로 값 넘기기

unknownomad 2022. 1. 4. 18:36

순서

  1. <a> 태그
    1. 필요한 인수를 <a> 태그에 담기
    2. 해당 <a> 태그에 함수 생성
  2. 스크립트단 - 함수 만들기
    1. <a> 태그의 인수 받아오기
    2. 전달할 <form>의 <input>에 인수 값 담기
    3. 전송 주소 및 방식(Post) 설정 후 보내기

 

예제

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>a태그 form 전송</title>
        <script>
        //name, email을 인수로 받아 form 태그로 전송하는 함수
        function goPage(nameVal, emailVal) {
        
            //name이 paramForm인 태그
            var form = document.paramForm;
            
            //form 태그의 하위 태그값 매개 변수에 대입
            form.name.value = nameVal;
            form.email.value = emailVal;
            
            //input 태그의 값들을 전송하는 주소
            form.action = "./welcome.do";
            
            //전송 방식: Post
            form.method = "post";
            form.submit();
        }
        </script>
    </head>
    <body>
        <!-- 값들을 전송할 form -->
        <form name="paramForm">
            <input type="hidden" name="name"/>
            <input type="hidden" name="email"/>
        </form>
    
        <!-- a태그로 인수 전달 -->
        <a href="javascript:goPage('tester', 'test@test.com')">전송</a>
    </body>
</html>

 

출처: http://gnujava.com/board/article_view.jsp?board_no=3&article_no=8502