Search (2) 썸네일형 리스트형 [팀플 - Travel Jeju] 16th course - Board Search [ 오늘 할 일 ] 카드 게시판 검색 기능 구현 [ 전체적인 흐름 ] 코드 분석 (다른 조원이 만들던 페이지) ajax로 데이터 RestController로 보내기 검색한 내용으로 DB 조회하여 데이터 받아오기 jsp에서 카드로 그려서 페이지에 띄우기 처음으로 한 일은 jsp에서 컨트롤러로 데이터를 전송하는 일이다 검색 버튼과 검색한 내용을 각각 searchBtn, searchValue로 불러와서 버튼에 클릭이벤트를 부여하였다 검색 버튼을 클릭 시 첫 번째로는 카드들이 담겨있는 contents-body를 모두 비워준다 그리고 searchRequest 함수를 실행시키는데 이때 매개변수를 검색할 내용으로 한다 함수는 ajax의 GET방식으로 파라미터값으로 검색할 내용을 담아 전송한다 컨트롤러에서는 jsp에서.. [팀플 - Travel Jeju] 9th course - Travel Course VI [ 오늘 할 일 ] 카드 검색 기능 구현하기 [ 전체적인 흐름 ] input에 사용자가 입력한 값을 ajax를 통해 RestController로 전송 SQL문에 ResultType 모델 작성 RestController는 받은 입력값을 XML로 보내어 원하는 SQL문 작성 DB에서 가져온 정보를 다시 View로 보냄 View에서 받은 데이터를 원하는 형식에 맞게 코드를 작성하여 화면단에 띄워줌 search 함수는 사용자가 검색란에 검색어를 입력하였을 때 그 값을 textValue에 담고 기존에 있던 카드들을 jQuery로 모두 제거한다 그 후에 ajax를 이용하여 파라미터 값을 textValue로 GET방식으로 컨트롤러로 보낸다 그리고 나중에 원하는 데이터들을 가져왔을 때 addToList 함수를 이용하여.. 이전 1 다음
