검색 연동

jsp 코드

<p>음식 : <span id="marketFood">${marketVO.marketFood } <button class="searchFood"> 검색 </button></span>

이 곳의 검색 버튼을 누르면 레시피 검색 게시판에서 해당 음식의 레시피를 조회할 수 있도록 하는 버튼.
게시판끼리의 연관성을 높이기 위해 고안된 버튼이다.

자바스크립트

	$(document).ready(function() {
		        $(".searchFood").click(function() {
		            var marketFood = "${marketVO.marketFood}".trim(); // marketFood 값 가져오기
		            var searchUrl = "http://localhost:8080/searcher/recipe/list?recipeTitle=" + encodeURIComponent(marketFood) + "&filterBy=RECIPE_TITLE&pageNum=";
		            
		            window.location.href = searchUrl; // 해당 URL로 이동
		        });
		    });
			

버튼을 클릭하면, 우선 음식의 이름(키워드)를 가져와 선언해둔다.
그리고 기존 레시피 검색 URL에 키워드를 아까 선언해둔 키워드로 넣어준다.
하드코딩의 느낌이 없잖아있지만 이거 외에 떠오르는 방법이 없어서...(기본 경로를 어떻게 바꿔야할지 모르겠음)

encodeURIComponent :
URI의 문자를 UTF-8로 인코딩해 연속된 이스케이프 문자로 나타냄.