(spring) 검색 기능 만들기 - ajax

Question

안녕하세요 신입개발자입니다제가 스프링에서 매장을 검색해서 예약할 수 있게 만드려고 합니다 최소 두글자 이상 입력했을 때부터 검색이 실행되게 하려고 하는데그래서 js쪽에서 keyup기능을 사용하고 있습니다 두글자 이상일 때부터 입력한 문자열을 ajax로 조회해서 가져오고 있는데자음, 모음 하나 칠 때마다 ajax가 실행되니깐 속도가 엄청 느려지고 뭔가 계속 끊김이 발생하는 것 같습니다분명 이렇게 하는게 아닐텐데 딱히 다른 방식은 떠오르지도 않아서 계속 해보고 있는데 코드를 짜면 짤수록 답이 없다는게 느껴집니다리스트를 한번에 다 받아놓고 그 다음에 뭔갈 해야하는건가 싶기도 한데 어떻게 해야할지는 방법이 떠오르지 않네요어떻게 해야할까요.... 이틀째 고민중입니다 ㅜㅜ 도와주세요

테스트맨 · Answer

답변을 드리지요...키워드만 드리면 알아서 하리라 생각됩니다.보통 2가지 방식이 쓰이죠.마지막것만 실행하는 것을 디바운싱일정 주기로 실행하는 것이 쓰로틀링자바스크립트 쓰로틀링 구현방법에 대해서 검색해보시면됩니다.

Personal · Answer

제 경우엔 데이터가 크지 않고 최대 데이터 건 수가 적을 거라 예상된다면 (비즈니스적으로, 보통 1~2천 건 정도로 가지고 있었습니다.) 화면에 미리 모두 가져온 상태 &#43; 캐싱해서 해당 데이터에서 필터링해서 보여줬습니다. 그 경우 외에는 debounce 같은 걸 적용해서 조회했어요.

양반후반 · Answer

보통은 키 입력이 된 후 일정 시간이 지나면 조회를 하도록 처리 합니다. 그 일정 시간 이내에 지속적으로 타이핑 중이라면 굳이 조회를 할 필요가 없으니까요. setTimeout 을 사용한 search로 찾아보세요.

(spring) 검색 기능 만들기 - ajax

3개의 답변

#search 목록