[js]request.getParameter

2024. 9. 18. 17:56·JAVACSCRIPT

 Java Servlet API에서 사용되는 메서드로, HTTP 요청에서 클라이언트가 전송한 파라미터 값을 가져오는 데 사용된다.
 

예제

See the Pen Untitled by 유레이나 (@zdixexqp-the-reactor) on CodePen.

위 코드는 정규식을 포함한 html폼이다.
<form action="js11_process.jsp" method="GET">와 같은 form태그 안에 

  • <input type="submit" value="submit 전송" />
  • <input type="image" src="" />
  • <button>로그인</button>

이 세가지 타입을 적용할 수 있으며 submit 버튼 클릭시 form tag에 있는 onsubmit 이벤트를 만들어낸다. 단, 값이 잘못될경우 submit을 중지시킨다.  그리고 action 에 있는 페이지로 값(input,button)들을 전달한다.

 

 

request.getParameter

js에 있는 소스를 자바 변수에 넣어서 html에서 출력한다.

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
	//자바언어 문법 사용
	request.setCharacterEncoding("utf-8"); //한글 처리
	
	String nameKor = request.getParameter("name");//name="name"
	String tel = request.getParameter("tel");//name="tel"
	String email = request.getParameter("email");
	String nid = request.getParameter("nid");
	String pay = request.getParameter("pay");
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<h2>넘어온 값</h2>
	<p>
		이름:<%=nameKor%></p>
	<p>
		전화:<%=tel%></p>
	<p>
		이메일:<%=email%></p>
	<p>
		주민등록번호:<%=nid%></p>
	<p>
		월급:<%=pay%></p>

</body>
</html>

jsp파일

  • <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>: JSP 페이지의 설정을 정의합니다. UTF-8 인코딩을 사용하여 한글 처리를 한다.
  • <% ... %>: JSP 스크립틀릿으로, Java 코드를 포함할 수 있는 부분이다.
  • parameter의 이름은 <input type="tel" name="tel" id="tel" value="010-1234-5555"/>의 name의 속성값과 일치해야한다.
같은 이름의 파라미터가 여러 개 있을 경우, getParameter는 첫 번째 값을 반환한다. 모든 값을 가져오려면 getParameterValues 메서드를 사용해야 한다.

 

'JAVACSCRIPT' 카테고리의 다른 글

[json] json 사용하기  (0) 2024.09.21
[jquery]jquery 사용하기  (3) 2024.09.19
[js]생성자 함수(Constructor function)와 프로토타입 메서드(prototype method)  (1) 2024.09.18
[js] javascript로 달력만들기  (2) 2024.09.18
[js] 배열  (0) 2024.09.17
'JAVACSCRIPT' 카테고리의 다른 글
  • [json] json 사용하기
  • [jquery]jquery 사용하기
  • [js]생성자 함수(Constructor function)와 프로토타입 메서드(prototype method)
  • [js] javascript로 달력만들기
라텐느
라텐느
이제 막 개발을 시작한 초보가 개인공부를 하는 공간입니다.
  • 라텐느
    괴발개발
    라텐느
    • 개발자 (153)
      • HTML|CSS (14)
      • JAVA (29)
      • JAVACSCRIPT (15)
      • SQL (16)
      • 기타 (5)
      • JSP (2)
      • SPRING (13)
      • SPRING BOOT (6)
      • Git&GitHub (1)
      • 시행착오 (2)
      • 개발일지 (35)
        • GreenMiniProject1 (12)
        • GreenMiniProject2 (9)
        • GreenFinalProject (14)
      • Flutter (5)
      • 자격증 (0)
        • SQLD (1)
      • AWS (2)
      • Linux (1)
      • 자료구조&알고리즘 (4)
  • 블로그 메뉴

    • 홈
    • 방명록
    • 태그
  • 링크

    • GitHub
  • 공지사항

  • 인기 글

  • 태그

    javascript
    오블완
    link
    SQL
    티스토리챌린지
    부트캠프
    CSS
    개발자
    JQuery
    일지
    tag
    AJAX
    JS
    링크
    input
    db
    java
    태그
    자기계발
    HTML
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.0
라텐느
[js]request.getParameter
상단으로

티스토리툴바