관리자 :: 상품 검색 기능

상품 리스트를 출력했고,

이번에는 검색 기능을 추가해보자

 

product.js

js에서 검색으로 list를 가지고 오는 함수를 만들어주고(function getProductInfo),

list를 가지고오던 ajax를 그 안에 넣어주었다.

 

그랬더니,

 

잘 나오던 리스트가 날라가버렸다.

이게 정 상

 

그럼 우선 초기 조건일 경우에 데이터가 모두 나오게 하려면

 

만들어준 함수를 바로 위해서 실행해주면

리스트가 아주 잘 나오지요

 

그럼 이제 함수안에서 카테고리르 선택하고 키워드를 입력했을 때,

리스트를 올바르게 출력해주도록 해주자

 

product.js

getProductInfo 함수에 검색할때 선택하고 입력할 파라미터 값을 추가해주고,

카테고리와 키워드를 입력할때 url을 변경해서

ajax에 요청을 넣을 수 있도록 변경해준다.

 

그리고 카테고리 값을 선택할 경우 제대로 작동하는지 확인해보자

 

카테고리 값을 변경해서 선택해주면 다음과 같은 alert을 확인함으로써

잘 작동하고 있음을 알수 있다.

 

product.js

카테고리 선택을 하면 그 카테고리의 seq를 넣어주고

키워드 입력 칸에 들어가 있는 단어를 검색해준다.

 

잘 검색이 된다.

그런데 지금은 카테고리를 변경했을 때에만 데이터를 검색해준다.

그러므로 우측의 검색 버튼으로도 검색을 할 수 있도록 만들어주자 !

 

버튼을 클릭했을 때 함수를 실행하도록 하며

안에 내용은 아래와 동일하게 작성해준다.

(왜냐면 똑같은 기능을 하는 함수이니까!)

 

검색이 너무너무 잘된다!