FORM>태그를 처리하기 위해 자바 스크립트는 Form객체를 지원한다.
<FORM>태그의 속성을 제어할 수 있게 동잃나 속성을 제공한다.
- 속성 -
action
→ <FORM>태그의 ACTION 속성과 동일하게 적용된다.
elements
→ <FORM>태그안에 있는 양식을 배열로 저장한다.
encoding
→ <FORM>태그의 ENCTYPE속성과 동일하게 적용된다.
length
→ <FORM>태그안에 있는 양식의 수를 알아낸다.
name
→ <FORM>태그의 NAME속성과 동일하게 적용된다.
method
→ <FORM>태그의 METHOD속성과 동일하게 적용된다.
target
→ <FORM>태그의 TARGET속성과 동일하게 적용된다.
- 형식 -
document.폼명.action
document.폼명.encoding
document.폼명.length
document.폼명.name
document.폼명.method
document.폼명.target
쿼리문자열담아간다 = 시승기보다가 오픈모임 했는데 로그인한 회원들만 확인하시겠습니까?쿼리 문자열을 담아서간다.
http://도메인/파일의 지정?이름1=값1&이름2=값2& ...
위의 코드는 그냥 변수와값을 받은것이지 쿼리문자열값받기와 조금다름
// page_now에서 받아오는 getParameter는
//아래에서 쓰인 <a href="list.jsp?code=notice&page_now=<%=direct_page%>"> a태그를 통해 넘겨준 변수(이름과 해당하는 값들을)를 get으로 받은것
// 즉 form태그의 get방식과 동일
위처럼 이름1=값1
은 변수값을 받는 get방식으로 이용가능
출처: https://araikuma.tistory.com/267
next()메서드는 다음행이 존재할경우 true를 리턴하고 마지막 행에 커서가도달하면 false를 리턴하여 실행을 중지시킴
<form> 태그_GET과 POST
<a href="view.jsp?memberid=<%=memberid%>"><%=memberid%></a>
1. 서버, 클라이언트
폼을 이해하기 위해서는 우선 서버와 클라이언트라는 개념을 이해해야 한다. 서버는 정보를 제공하는 쪽이고, 클라이언트는 정보를 제공 받는 쪽을 의미한다.
웹브라우저의 주소창에 생활코딩의 홈페이지인 http://opentutorials.org를 입력하면 웹브라우저는 opentutorials.org에 해당하는 컴퓨터에게 생활코딩 컨텐츠를 요청한다.
이 맥락에서 웹브라우저는 정보를 요청하는 쪽 다시 말해서 제공 받는 쪽이기 때문에 클라이언트가 되고, opentutorials.org의 컨텐츠를 제공하는 컴퓨터는 정보를 제공하기 때문에 서버가 된다.
아래 그림은 서버와 클라이언트의 관계를 나타낸 것이다.
2. 폼 (form)
폼이란 사용자의 데이터를 서버에 전송하는 방법이다. 일반적으로 아래와 같은 작업을 하기 위해서는 폼을 이용한다.
- 로그인을 위해서 아이디/비밀번호를 입력할 때
- 회원가입을 하기 위해서 개인정보를 입력할 때
- 블로그나 게시판에 글을 작성하거나, 파일을 전송할 때
3. 문법
form의 문법은 아래와 같다. <form> 태그 안쪽에 텍스트를 입력 받는 텍스트 필드나, 원하는 항목을 선택 할 수 있는 라디오 버튼등이 위치한다.
이러한 요소들을 컨트롤 (control)이라고 부른다. 사용자가 컨트롤을 조작한 후에 전송 버튼을 누르면 <form> 태그의 속성인 action에 기술된 URL로 사용자가 입력한 정보를 전송한다.
서버는 이 정보를 받아서 저장하거나, 계산된 결과를 보여주는 등의 작업을 수행하게 된다.
<form action="서버로 전송한 데이터를 수신할 URL" method="데이터를 전송하는 방법">
텍스트 필드, 라디오 버튼, 체크 박스와 같은 컨트롤을 생성하는 태그
</form>
- action : 사용자가 입력한 데이터를 전송할 서버의 URL
- method : 사용자가 입력한 데이터를 전송하는 방법으로 아래와 같은 방식이 있다.
get : action에 입력한 URL에 파라미터의 형태로 전송
post : header의 body에 포함해서 전송
4. GET과 POST의 차이점
(1) GET
- URL에 정보가 담겨서 전송된다.
- 전송할 수 있는 정보의 길이가 제한되어 있다.
- 퍼머링크로 사용될 수 있다.--> 정보를 식별하는 고유한 식별자.(고유한 주소체계)
- URL 상에 파라미터를 표현할 때에는 '?' 앞뒤로 구분하여 앞에 것은 URL 뒤의 것은 파라미터이다.
- 각각의 파라미터는 '&'로 구분하여 nickname과 job이라는 두개의 파라미터가 온 것을 알 수 있다.
- '='을 이용하여 파라미터와 파라미터의 값을 구분한다.
(2) POST
- header의 body에 담겨서 전송된다.
- URL 상에 전달한 정보가 표시되지 않는다.
- GET에 비해서 보안상 약간의 우위에 있다. (사실상 동일하다)
- 전송할 수 있는 데이터의 길이 제한이 없다.
- 퍼머링크로 사용할 수 없다.
- 서버 쪽에 어떤 작업을 명령할 때 사용한다.
(데이터의 기록, 삭제, 수정 등)
form 태그는 request 객체를 이용하여 데이터를 주고 받는다.
'프로젝트 > 첫번째 jsp eclipes html 을 활용한..' 카테고리의 다른 글
아이디 찾기 비밀번호 찾기 header ,id_search,pass_search (0) | 2023.01.30 |
---|---|
아이디 중복체크하기 (0) | 2023.01.30 |
로그인 login login_ok logout (0) | 2023.01.30 |
회원업데이트 join_up , join_update (0) | 2023.01.30 |
회원가입 join,joininsert (0) | 2023.01.21 |
댓글