검색 폼 유형

첫 번째 프로젝트를 수행했을 땐 검색 form을 post 형식으로 사용했었다. 이럴 때 생기는 문제는 페이지 이동이 불편해지는데에 있다.

 

 

method=POST 형식으로 쓰인 검색 폼

---

---

---

뒤로 가기를 눌렀더니...?

---

이러한 점 때문에 검색 내용과 검색 유형은 GET 방식으로 받아온다.

서버의 정보를 바꾸는 게 아니라, 서버에 값을 전달하고 그 값을 토대로 데이터를 얻어오는 것이기 때문이다.

 

 

진행중인 프로젝트에서 method를 get 방식으로 바꾸어주었다.

 <form action="/openconcert/page/notice/noti_search_result.php" method="get" name="qnaSearch" class="search-box">
   <div class="select-box">
     <span for="search" class="ser-arrow"></span>
     <select name="findType" class="find-type" id="search">
       <option value="all">전체</option>
       <option value="title">제목</option>
       <option value="content">내용</option>
     </select>
   </div>
   <div class="noti__search">
     <input type="text" placeholder="검색어를 입력해주세요." name="findWord" class="find-word">
     <span class="search"></span>
     <input type="submit" class="search-btn" value>
   </div>
 </form>

 

---

                <?php
                $search_select=$_GET['findType'];
                $search_input=$_GET['findWord'];
                
                ...
                
                ?>

별 차이가 없어보이지만 주소창에 변화가 생긴다

---

---

---

뒤로가기를 눌러도 제대로 표시가 된다.

 

 

깃허브